margin-top: 10px; will nicht klappen

[Elya]

Hallo Ingo,

Somit sollte doch der Abstand der beiden Überschriften (h1 und h2)
nach oben jweils 10 Pixel sein. Ist er aber nicht.
Kann mir jamand erklären, was ich da nun falsche gemacht habe?

Nichts falsch gemacht, aber vermutlich vergessen, daß alle Elemente bestimmte Abstände (auch nach unten) bereits standardmäßig mitbringen, wenn Du sie nicht explizit definierst.

Folgen nun mehrere solcher Elemente aufeinander, summieren sich margin-top und margin-bottom zum eigentlichen Abstand der Elemente zueinander.

Versuch mal folgendes:

  
* {margin:0;padding:0;}  

(setzt margin und padding für *alle* Elemente auf 0, ist die brutalste, aber auch effektivste Methode, um default-Abstände auszuschalten.)

Gruß aus Köln-Ehrenfeld,

Elya