margin-Problem geschickt lösen?

[botl1k3]

Hallo,

ich möche ein Bild floaten lassen, neben dem dann ein Text stehen soll, erstmal nur eine Überschrift mit einem h3-Element.
Das h3-Element ist in meinem Stylesheet mit margin: 15px 0px 0px 5px definiert, über dem ersten Bild ist jedoch schon ein p-Element mit margin: 10px 0px weswegen das margin des h3-Elements nicht den gewollten Abstand von der horizontalen Linie des images hat.
Wenn ich ein div herum mach bringt das genausowenig, wenn das div einen border hat funktioniert es allerdings..
Ich verstehe ja warum, mir fällt aber nicht ein wie ich das eleganz lösen könnte ;)

Hier mal ein Beispielcode:

      <p style="margin: 10px 0">test</p>  
  
      <img style="float: left" src="bild.jpg" alt="Bild">  
      <h3 style="margin: 15px 0 0 5px">Hier steht was schönes</h3>  
  
      <br style="clear: both">

Gruß

[schwarze Piste]

Tachchen!

Wenn ich dich richtig verstehe, möchtest du mehr über collapsing margins wissen.

Gruß

Die schwarze Piste

[botl1k3]

Hi,

jo das trifft es schon, nur kann ich daraus nicht lesen wie ich das Problem lösen kann :( ?

Gruß

[botl1k3]

Noch eine Frage dazu:
sollte man deswegen nur eine Art von margin verweden? Also bei den ganzen h1..h4 und p-Elementen entweder nur margin-top oder nur margin-bottom?
Ist das sinnvoll?
Wie macht Ihr das?

Gruß