...

View Full Version : IE6 positioning issue



invisiblehat
06-27-2007, 09:38 PM
Hello,

Everything works great in Firefox and Safari (as usual), but in IE6 Win there is a 3 or 4 pixel gap at the bottom of the main content area and left column. I am not sure what the problem is.

http://www.joelblackbeatty.com/BathMcLellan/about.php

I have tried a lot of different messing around with margins, padding, borders, floats, etc... but I can't solve the issue.

Help would be greatly appreciated.

Thanks,

Joel

Jutlander
06-28-2007, 07:02 PM
EDIT: Wasn't that, i was too quick.

Jutlander
06-28-2007, 07:16 PM
Try this:



#right_nav li {
float : left;
padding-right : 5px;
height : 24px;
display : block;
list-style-type : none;
line-height : 1.9em;
letter-spacing : 0.1em;
color : #ffffff;
}

koyama
07-01-2007, 01:37 AM
Just for your information the problem was the Internet Explorer Expanding Box Bug (http://www.positioniseverything.net/explorer/expandingboxbug.html) (affecting IE6 and below)

Related to the problem, I recommend not fixing the height of a div element using a pixel measure. The box won't scale under text zoom in Firefox, but the text within the box does scale. This means that text may be spilling out of the boxes under text zoom.

Alternatives include (1) setting a min-height instead of a height, (2) setting the height using the em unit, or (3) setting no height (i.e. height: auto).



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum