...

View Full Version : IE6: float clearing problem.



udjamaflip
11-18-2008, 04:23 PM
at http://tinyurl.com/5hwk6r

You can see the left hand side column has multiple sections which in all other browsers seperate fine with the border-bottom:dotted;

However in IE6 the <br /> which has clear:both; doesn't seem to force the div to wrap around the 2 floating columns within it.

hope someone can help...

abduraooft
11-18-2008, 04:49 PM
I'd drop all those <br>s between the .left-navs and add a CSS like

#content .left-nav:after{/*for FF */
content:" ";
display:block;
clear:both;
}
#content .left-nav{/* for IE*/
height:1%;
}
See www.positioniseverything.net/easyclearing.html for details

udjamaflip
11-18-2008, 06:02 PM
Thanks given: resolved! :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum