On Thursday 2005-05-12 18:31 -0400, dann s washko wrote: > I was putting together a skeleton of a page when I noticed a curious > problem in Firefox (Linux, OS X, Windows) and Safari that does not seem > to exist in IE (6) on Windows. The page in question: > > http://tinyurl.com/a245j > > I colored the sections to identify the problem more clearly. Note that > between the header and the main content there is a margin. The left > menu is floated. Any block level elements (header, paragraph) on the > first line of the main content area will cause the margin to appear. A
This is because vertical margins collapse. Hn and P elements have nonzero margin-top and margin-bottom from the user-agent style sheet. This margin-top collapses with the (zero) margin-top of the DIV (with class="content") and the collapsed margin ends up *outside* the DIV. -David -- L. David Baron <URL: http://dbaron.org/ > Technical Lead, Layout & CSS, The Mozilla Foundation
pgpu9unKgBsCq.pgp
Description: PGP signature
______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
