Abstand zw. 2 Elementen

[alexf812]

Hi,

angenommen ich habe sowas:

<p>Absatz1</p>
<p>Absatz2</p>

oder

<h3>Überschrift</h3>
<p>Absatz1</p>

wenn man im CSS schreibt:
p,h3{margin: 10px 0;}

Warum ist dann der Abstand zwischen Überschrift und Absatz nur 15px? Müsste doch 20 px sein. Kann es sein das es je nach Buchstabe anders ist?

[sejuma]

Die CSS-Angabe bedeutet, dass oberer und unterer Abstand 10px sind.
In diesem Fall fällt der untere Abstand von h3 mit dem oberen Abstand von p zusammen.
Die Abstände addieren sich nicht, sondern es gilt der jeweils größte, hier einheitlich 10px.
Siehe Zusammenfallende Margins

[alexf812]

hi,

aber ich hatte ja immer einen abstand von 15px... schon merkwürdig.
man kann ja dann die abstände gar nicht richtig festlegen.

wenn ich z.B. sowas habe

<h1</h1>
<div></div>

dann geht es, jedoch bei

<h1</h1>
<p></p>

also ist es wohl am besten jeweils oberes oder unteres margin bei 0 zu lassen

[sejuma]

Lies dir den genannten Artikel mit den Fallvarianten nochmal genau durch.
Da siehst du, bei welchen Konstellationen die zusammenfallenden Abstände wie reagieren.

Hinzu kommt dann noch, dass bestimmte elemente einen padding-Abstand haben.
Teste nochmal, indem du vorher den Universalselektor auf "Null" setzt und danach einheitlich definierst:
http://www.ohne-css.gehts-gar.net/0037.php

[alexf812]

ich hatte es ja eben gleich mal ausprobiert mit meinen 2 beispielen. :-) und dort dieses verhalten bemerkt.