[mcdaniels]

Hallo!

Ich arbeite gerade an einem Projekt, welches ich mittels Wordpress realisiere. Ich verwende hierzu das Classictemplate, welches ich überarbeitet habe.

Das Design ist recht simpel. Jedoch habe ich anscheinend ein Floatproblem.

Das Img im .storycontent div wird links gefloatet, der Text umfließt das Bild also rechts. Über .storycontent h3 cleare ich danach das linksfloating.

Wenn ich .storycontent h3 zusätzlich einen margin-top: 20px mitgebe, um zwischen den einzelnen Absätzen (Überschriften Tuning 1 und Tuning 2) entsprechende Abstände zu erhalten, greift dies nicht, wenn weniger Text im Absatz steht, da offenbar der Abstand vom folgenden H3 zum vorhergehenden Absatz "gemessen" wird. Wie erreiche ich es dass richtig gecleart wird?

Kann mir jemand sagen, wie ich hier richtig cleare?

Danke!

[fricca]

Bei Clear-Elementen verschwindet ein Margin im Bereich, der fürs Clear nötig ist.
Was spricht gegen Padding?

Ich habe diese Überschriften erstmal gar nicht wahrgenommen. Ich weiß nicht, ob rechtsbündige Ausrichtung so sinnvoll ist.

[mcdaniels]

So!
Ich hatte mir eigentlich gedacht ich hätte das mit padding schon probiert. Es scheint so, als ob das nicht so ist, denn jetzt funktioniert es.

Du hast recht, die Überschrift links sieht besser aus.

Es gibt offenbar immer etwas dazu zu lernen, das mit margin und padding wusste ich nicht.

Danke dir!
LG

[fricca]

Zitat von mcdaniels

Es gibt offenbar immer etwas dazu zu lernen, das mit margin und padding wusste ich nicht.

Hm, ja. Das mit dem Margin und dem Clear ist auch etwas komplizierter, als mein kurzer Satz oben glauben macht.
CSS 2.1, 9.5.2 Controlling flow next to floats: the 'clear' property
"Clearance" heißt der Bereich, in dem der Margin verschwindet (meistens, nicht immer).