On 13/05/2013 7:47 AM, COM wrote:
sorry for seeming dumb but why would adding padding prove its
collapsing margin?
Since padding on the parent prevents a child's margin to collapse
through. the same applies if you had a border on the parent.
wrapper contains header in this case, plus, I have other child
objects whose top margin value will not do this.
Be interested to know all the properties and values.
is there some special property to the <header> tag? I realize that's
HTML…
No, you simply have collapsing margins. Just change the value of the top
margin to zero. Like so.
header{
margin:0 0 1em 0;
border:red 1px solid;
}
This test case should shed some light on collapsing margins.
http://css-class.com/test/css/box/margins/collapsing-margins.htm
--
Alan Gresley
http://css-3d.org/
http://css-class.com/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
