Sander Maréchal wrote:
> Erik Peterson wrote:
>> Is there a reason that the color is applied to #outer instead of
>> The problem is that since #inner and #sidebar are floated, they
>> "remove" themselves from the flow, so #outer is left with no height
>> and therefore "correctly" displayed with no background.
> There is a div with clear: both; inside #inner as well that's supposed
> to stretch up the div to contain the floating elements. Apparently the
> problem is that this doesn't work in FireFox:
> <div class="clearer"></div>
> But this does:
> <div class="clearer"> </div>
> Apparently FireFox removes empty elements from the flow alltogether.
> Is that according to W3C specs? IE and Opera apparently do lay out
> empty elements.
This is a longstanding Moz bug. Better methods of clearing are options
1 (assigning overflow to the container) or 2 (using Big John and Holly's
generated content "clearfix") described on this page:
Zoe M. Gillenwater
Highway Safety Research Center
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/