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