seltsame Lücke zwischen Elementen

[ChrisB]

Hi,

Die Hoverfunktion in Firebug zeigt mir, dass contentdiv nicht oben bündig an topdiv liegt, sondern genau den margin-top des Inhalts darunter.
Das wäre meine Frage, warum?

Na wegen dem, was Schuer schon genannt hatte: Collapsing Margins - genauer dem, was dort als “adjoining margins” beschrieben wird.

Nimm dem P sein margin-top weg (bzw. setze es explizit auf 0, um den Defaultwert zu überschreiben – und weg ist das Phänomen.

Oder gib dem content-Div ein border-top oder padding-top von 1px – dann sind adjoining margins abgeschaltet.

Oder, wenn das nicht geht, nimm dem P sein margin-top und gib dem DIV ein padding-top von 15px stattdessen.

MfG ChrisB