IE7-/Win Nested Elements Margins
See IE7-/Win: hasLayout and margins of nested boxes for some brief conclusions.
The red wrappers have NO hasLayout, the green ones have hasLayout (the space between wrappers is purposely obtained with a gray div and not with margins.)
space
This element has margin:10px, NO hasLayout
space
This element has margin:10px, hasLayout
space
This element has margin:10px, hasLayout, is preceded by a comment
space
This element has margin:10px, hasLayout, is preceded by a comment, followed by an empty element
space
This element has margin:10px, hasLayout
This element has margin:10px, NO hasLayout
space
This element has margin:10px, hasLayout, is preceded by a comment
This element has margin:10px, NO hasLayout
space
This element has margin:10px, NO hasLayout
This element has margin:10px, hasLayout
space
This element has margin:10px, NO hasLayout
This element has margin:10px, hasLayout, is followed by an empty element
space
This element has margin:10px, NO hasLayout
space
This element has margin:10px, hasLayout
space
This element has margin:10px, hasLayout
This element has margin:10px, NO hasLayout
space
This element has margin:10px, NO hasLayout
This element has margin:10px, hasLayout
space
Again, without border on wrappers
space
This element has margin:10px, NO hasLayout
space
This element has margin:10px, hasLayout
space
This element has margin:10px, hasLayout
This element has margin:10px, NO hasLayout
space
This element has margin:10px, NO hasLayout
This element has margin:10px, hasLayout
space
This element has margin:10px, NO hasLayout
space
This element has margin:10px, hasLayout
space
This element has margin:10px, hasLayout
This element has margin:10px, NO hasLayout
space
This element has margin:10px, NO hasLayout
This element has margin:10px, hasLayout
space
Same page in quirks mode IE/Win Nested Elements Margins - quirks
Similar tests, with padding on wrappers, IE7-/Win: Nested Elements Margin, Padding
CSS tests home