Philippe Wittenbergh wrote: > 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.
Does not seem to work here. font-size: 0; together with overflow:hidden showed better results, but I did not test it further. Ingo -- http://www.satzansatz.de/css.html ______________________________________________________________________ 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/
