lions den

Ive figured it out. I changed the %s into pixels and changed descriptions positioning into absolute..

Hi dudes, I gota big problem and need to try and sort it asap, Ive made a DIV with elements within and its displaying fine in my screen resolution but when i drag the window it breaks..

Nice one dudes, ill try that now..

will that act the div underneath to re-position itself accordingly? I dont want the page to break and for them to overlap..

Thats what i meant.. When the div stretchs down will the div underneath re-position itself accordingly or will they overlap?

A bit of a noob query i guess but was just wondering whats the best method of having a div that stretchs vertically with dynamic content without using a scrollbar and is cross browser friendly and wont break the rest of the page?

thanks for the correction. is there any hacks that make ie6 render the property proply?

Hi, Quick question guys does ie6 support the css attribute height: ?

Thats a great looking site but like what others have said the crowd look out of place, other than that I really like the site. It looks really clean. Great job

Thanks for the replies guys, ill download Gimp today and see what it has to offer. By the sounds of it a Gimp revolution is starting lol..

Hi, Just wondering if the Gimp is any good and if any professional designers use it. I work with Photoshop CS at the moment, was thinking to upgrade to CS3 but due to finances it is not possible. So has the Gimp got better features than Photoshop CS and would one recommend it? Thanks for your views in advance.

Nice tip Sono, thanks

is there any significant advantages to using either % or em...ive tried to google this but havent really found any decent articles stating the difference.

Should one use PX, % or Em when defining the font size?

splashtech - thanks for pointing out the typo dude. blue dreamer - im using century gothic for the font..do you know which fonts render as "smooth" in FF? thanks in advance

Heres the IE sample And heres the FF sample

Hi dudes, another day another problem... basically the text is displaying fine in IE but is coming out horrible and pixelated in FF.. anyone know what could be causing this issue?

Off topic but Scaz182 i just went onto your portfolio site which is a nice looking site but i cannot scroll down on the text, you may want to fix this problem. Sorry if you already knew about it.

I think i may have to go with javascript as the deadline is coming up, any last ditch efforts?

Sorry i meant Relatives not working either.

Yep its not working either mate... Been trying to solve this issue all day and still no luck

Im not much of a logo designer but I would go with the top left concept. Maybe play with the colours a lil more, i like what you have done with O. The top right doesnt look very good to be honest and the bottom one is ok but a bit random.

When I change the position of the image div to inherit or fixed then the dropdown appears over the image but i cant control the position of the div, not sure if this helps just thought id add it in.

Thanks mate, Javascript is a last resort. Id rather stick with CSS, ive never used javascript before. I had this problem before but it was a flash image and i changed the wmode to transparent but cant get my head around this one. Help dudes!

Heres the CSS #Div2 { position: absolute; left:6px; bottom:370px; background: transparent; } #menu { position:absolute; left: 7px; bottom: 570px; } .preload1 {background: url(blank_over.gif);} .preload2 {background: urlblank_overa.gif);} .menu2 { padding:0 0 0px 100px; margin :0; list-style:none; height:28px; width: 685px; background:#3886BD; z-index:500; position:absolute; font-family:arial, verdana, sans-serif; } .menu2 li.top { display:block; float:left;} .menu2 li a.top_link { display:block; float:left; height:36px; line-height:27px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer; background: url(blank.gif); } .menu2 li a.top_link span { float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(blank.gif) right top;} .menu2 li a.top_link span.down { float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(blanka.gif) no-repeat right top;} .menu2 li a.top_link:hover { color:#fff; background: url(blank_over.gif) no-repeat;} .menu2 li a.top_link:hover span { background:url(blank_over.gif) no-repeat right top;} .menu2 li a.top_link:hover span.down { background:url(blank_overa.gif) no-repeat right top;} .menu2 li:hover > a.top_link { color:#fff; background: url(blank_over.gif) no-repeat;} .menu2 li:hover > a.top_link span { background:url(drop3/blank_over.gif) no-repeat right top;} .menu2 li:hover > a.top_link span.down { background:url(blank_overa.gif) no-repeat right top;} .menu2 table { border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} .menu2 a:hover { visibility:visible; position:relative; z-index:200;} .menu2 li:hover { position:relative; z-index:200;} .menu2 ul, .menu2 :hover ul ul, .menu2 :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul :hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} .menu2 :hover ul.sub { left:0; top:31px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; height:auto; z-index:300;} .menu2 :hover ul.sub li { display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;} .menu2 :hover ul.sub li a { display:block; font-size:11px; height:20px; width:90px; line-height:20px; text-indent:5px; color:#000; text-decoration:none;} .menu2 :hover ul.sub li a.fly { background:#fff url(drop3/arrow.gif) 80px 7px no-repeat;} .menu2 :hover ul.sub li a:hover { background:#3a93d2; color:#fff;} .menu2 :hover ul.sub li a.fly:hover { background:#3a93d2 url(arrow_over.gif) 80px 7px no-repeat; color:#fff;} .menu2 :hover ul li:hover > a.fly { background:#3a93d2 url(arrow_over.gif) 80px 7px no-repeat; color:#fff;} .menu2 :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;} And heres the xhtml <div id="Div2"><img src="bannernew1.jpg" alt="" width="786" height="150"/></div>