Abstand nach gefloateten Elementen

[designfanatiker]

Servus,

ich habe da mal wieder ein kleines Problem: Folgt auf ein gefloatetes Element ein clearendes Element ist von den für beide Elemente hinterlegten Außenabständen nichts mehr zu sehen. Ist das normal? Ich hätte zwischen den beiden Elementen gerne einen Abstand. Wie lässt sich das realisieren?

Vielen Dank im Voraus für eure Hilfe.

Gerhard

[ingo]

weiterfloaten

[Daniel FR]

weiterfloaten

Cooler Tip, Ingo! Das kann ich auch gebrauchen.

Cheers, Daniel

[designfanatiker]

weiterfloaten

Du meinst mit div.whatever{float: left; width: 100%}? Bei dieser Methode bleiben zwar die Außenabstände erhalten, das clearende Element (hier eine Überschrift) wird dann aber inmitten des ihr folgenden Fließtextes angezeigt.

[ingo]

du brauchst danach nicht mehr zu clearen.

[designfanatiker]

[...]

<p>Fließtext</p>

<img/>

<p>Fließtext</p>

<h3>Überschrift</h3>

<p>Fließtext</p>

[...]

So sieht die Struktur des Dokuments aus. Das Bild ist gefloatet und wird vom Fließtext umschlossen. Ist dieser (vertikal) kürzer als das Bild, soll die Überschrift dennoch darunter dargestellt werden. Dabei müssen die Außenabstände natürlich auch zwischen Bild und Überschrift erhalten bleiben.

[ingo]

das sollte doch ohne weiteres funzen!?

h3 {
    width: 100%;
    float: left;
    margin: 2em 0;
}

[designfanatiker]

Leider nein. Der Fließtext fließt (vielleicht liegt es am Namen...) erwartungsgemäß einfach an der Überschrift vorbei und füllt den Platz zwischen Bild und Überschrift aus.