IE7-/Win Nested Elements Margins and Paddings

See IE7-/Win: hasLayout and margins of nested boxes for some brief conclusions.

The red wrappers have NO hasLayout, the green ones have hasLayout, all have 10px padding (the space between wrappers is purposely obtained with a gray div and not with margins.)

space
This element has margin:20px, hasLayout
This element has margin:20px, NO hasLayout
space
This element has margin:20px, hasLayout, is preceded by a comment
This element has margin:20px, NO hasLayout
space
This element has margin:20px, NO hasLayout
This element has margin:20px, hasLayout
space
This element has margin:20px, hasLayout
This element has margin:20px, NO hasLayout
space
This element has margin:20px, NO hasLayout
This element has margin:20px, hasLayout
space

Again, without border on wrappers

space
This element has margin:20px, hasLayout
This element has margin:20px, NO hasLayout
space
This element has margin:20px, hasLayout, is preceded by a comment
This element has margin:20px, NO hasLayout
space
This element has margin:20px, NO hasLayout
This element has margin:20px, hasLayout
space
This element has margin:20px, hasLayout
This element has margin:20px, NO hasLayout
space
This element has margin:20px, NO hasLayout
This element has margin:20px, hasLayout
space

Same page in quirks mode IE/Win Nested Elements Margins and Paddings - quirks

Similar tests, without padding on wrappers, IE7-/Win: Nested Elements Margin

A similar problem IE5.0/Win: Nested Elements em Padding

CSS tests home