margin

[roflgg]

Hallo Leute,

immer wenn ich im wrapper ein margin-top: 4em auto; setze gillt es auch irgendwie für den header:

<div id="headerbg">
<div id="headerwrapper">

<div id="leftheader">test</div>
<div id="rightheader">test</div>
<div class="clear"></div>

</div><!-- headerwrapper end -->
</div><!-- headerbg end -->

<div id="wrapper">test</div>

* {
    margin: 0;
}
body {
    font-family: Georgia;    
}
#headerbg {
    width: 100%;
    background: #009;
    border-bottom: #999;
}
#headerwrapper {
    width: 1000px;
    margin: 0 auto;
    color: white;    
}
#leftheader {
    width: 40%;
    float: left;
}
#rightheader {
    width: 50%;
    float: right;    
}
#wrapper {
    width: 1000px;
    margin: 4em auto;
}
.clear {
    clear: both;
}

hier beim #wrapper der #headerbg wird auch mitgezogen also irgendwie rückt er auch runter als würde ich die margin im header setzen..
warum ist das so? wenn ich die divs rausnehme vom #headerwrapper dann rückt es nicht mehr runter also der #headerbg..

 

[threadi]

Kannst Du das mal irgendwo online stellen?

Hast Du es schonmal mit padding versucht, statt mit margin?

 

[Uelik]

Ja ist halt so, dass CSS an "childrens" (Unterelemente) vererbt und dann müsstest du beim Header folgendes setzen: margin: 0;

Is halt so

 

[Space Vampire]

Ja ist halt so, dass CSS an "childrens" (Unterelemente) vererbt...

margin wird nicht vererbt

 

[Uelik]

Ok. Wäre aber eine einfache Lösung gewesen ^^ haha..

Hast du denn ein * { margin: 0; } gemacht? oder so ähnlich?