HTML5/CSS3 margin-top bug?

[Der Martin]

Hallo,

Moin, hier hat sich ja einiges verändert, anmelden ist nicht mehr?

war noch nie ... jedenfalls nicht Pflicht. Wer's möchte, kann es immer noch tun, daran hat sich nichts geändert.

Auch egal, mir ist da etwas Seltsames aufgefallen, geht um den margin-top eines div das in einem anderen div liegt

Lass mich raten: Du bist dem Phänomen der Collapsing Margins auf den Leim gegangen? - Margins von Elementen, die Kante an Kante liegen, verschmelzen miteinander, so dass nur noch der größere der beiden Margins wirkt. Und zwar sowohl bei aufeinanderfolgenden Elementen, dann fällt margin-bottom des oberen mit margin-top des folgenden Elements zusammen, als auch bei verschachtelten Elementen, dann fallen beispielsweise die margin-top beider Elemente zusammen.

Vermeiden kann man das zum Beispiel, indem man einem der beiden Elemente noch ein border gibt (und sei es transparent), oder indem man von margin auf padding ausweicht, was aber nicht immer möglich ist.

FF 20 und IE 10 zeigen hier gleiches Verhalten, ich vermute darum mal, es soll so sein

Ja, und das ist schon lange so, nicht erst seit CSS3. Ich hatte auch noch nie einen Fall, wo ich das als sinnvoll empfunden hätte, sondern versuche immer, den Effekt zu vermeiden.

Ciao,
 Martin