On Jul 24, 2008, at 6:05 PM, Thijs Hakkenberg wrote: > I've got a template which I intent to use for our intranet, but in > Firefox 3 there's a strange whitespace on top of the template: > http://ebrius.nl/fileadmin/template/mem_don/3/ > And I can't seem to fix it. Iexplore 7, 6 render it correctly.
The usual thing, and IE (6+7) is wrong. Gecko, WebKit, Opera look all the same and are correct. The issue is one of margin-collapsing (-through). The margin-top on the h2 is outside of the blue box (#header). That doesn't happen in IE, 'cause you have declared a 'height' on the div (triggers 'hasLayout'), and that prevents the margin of collapsing through. Try adding a 1px border at the top of the div. That will fix the issue. Philippe --- Philippe Wittenbergh http://l-c-n.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/
