Randal Rust wrote:
> I have always used the good old method of a spacer DIV like this to
> clear floats:
>
> <div class="spacer"></div>
>
> div.spacer { clear: both; }
>
> Problem is, the ad agency that I work with keeps creating these
> complex layouts where using that convention just won't work. The
> reason is that in IE the spacer DIV has a height of about 10 pixels.
> In Firefox, etc. you can get around it by setting the height to 0px,
> but that doesn't work in IE 6 and 7.
>
> So what's the best method to use these days?
>
>
Depending on the the situation at hand: those already mentioned, spins
on them, these, and more...
br.both {clear:both;}
<br class="both" />
br.right {clear:right;}
<br class="right" />
br.left {clear:left;}
<br class="left" />
.clear {height: 0;clear: both;}
<div class="clear"><!-- --></div>
#wrapper { overflow: auto;}
#wrapper { /*G.Sortun*/
overflow: auto;
display: inline-table;
min-height: 1px;
}
* html #wrapper {
height: 0;
overflow: visible;
/*\*//*/
height: auto;
/**/
}
Best,
~dL
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
