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