On Jul 23, 2007, at 7:56 PM, Bruno Fassino wrote:
>> http://redplaidshirt.com/test/faq.php
>>
>> The extra space is only there in Firefox and Safari (Mac & PC), it
>> does not show up in IE (6 or 7).
> [...]
>>
>> Is there any reason why the extra whitespace is below the layout? I
>> can't find the culprit.
>
> The space is caused by the "easy clearing" method, applied on #wrapper
> (and on #footer_bottom) which adds (via :after) a block element at
> the end of your page, with a dot inside, height:0 and
> visibility:hidden. It seems that browsers want to assure that its
> content is anyway "accessibile" (even if it is overflowing its block
> and invisible), so they create that extra space.
The height might be '0', but the :after element still contains text
that has a certain size (and that would a minimum of 12px on my
side), and thus generates a line box, and takes up space.
As the parent container is ultimately <html> (overflow:auto by
default), it expands to contain that little extra.
adding 'overflow:hidden' to the ::after ruleblock would fix that part.
Another reason for extra space at the bottom of the page is due to
the use of
html { height: 100%; margin-bottom: 1px; }
That will anyway add 1px at the bottom of the page.
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
