Der Martin: Margin-Angabe will nicht

Beitrag lesen

Hi,

Nun habe ich in dieser Richtung etwas gegoogelt und diese Seite gefunden:
http://stackoverflow.com/questions/9519841/why-does-this-css-margin-top-style-not-work
Dort steht aber zur Antwort: W3Schools have no explanation to why margin behave this way.

ja, aber wenn du ein paar Zeilen weiter unten bei den Antworten nachschaust, findest du gleich bei der ersten den entscheidenden Hinweis auf Collapsing Margins.

Wenn ein top- oder bottom-margin mit dem eines Geschwister- oder Kindelements zusammenfällt, dann verschmelzen sie. Es gilt dann nur noch der größere der beiden Werte; im Fall von verschachtelten Elementen für das äußere Element.
Man kann das gut finden oder auch nicht (ich find's auch schon seit jeher unsinnig), aber es ist nunmal so.

Mögliche Abhilfe: Gib einem der beteiligten Elemente zusätzlich ein border (darf ruhig transparent sein).
Alternativ kannst du versuchen, die gewünschte Anordnung mit padding anstatt margin zu erreichen, manchmal ist das auch möglich.

Ciao,
 Martin

--
Schon gewusst, dass Aftershave trotz des Namens eigentlich eher fürs Gesicht gedacht ist?
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(