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

Om nah hoo pez nyeetz, city!

o.a. Website, die noch mit Tabellenstruktur aufgebaut war, habe ich umgeschrieben in  HTML5 und CSS.

Hm. Eine div-Suppe ist keinesfalls besser als ein Tabellenlayout. Lies doch mal http://blog.selfhtml.org/c/html/html5-serie/

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen äh und ähnlich.