Sent by Zoe M. Gillenwater on 8 March 2005 22:10
Sander Maréchal wrote:
> Erik Peterson wrote:
>
>> Is there a reason that the color is applied to #outer instead of
>> #sidebar?
>>
>> 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:
http://css-discuss.incutio.com/?page=ClearingSpace
Zoe
--
Zoe M. Gillenwater
Design Specialist
Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
