Thomas: float in float und clear

Beitrag lesen

Hallo Forum,

ich habe mich zwar schon durch einige Beiträge hier gelesen, aber so ganz ist es mir immer noch nicht klar.

Ich habe mir ein 3 Spalten Layout mittels floats zusammengebaut. Dies läuft auch ohne Probleme.

Allerdings will ich jetzt eine Liste von Beträgen darstellen, in denen auch wiederrum Bilder und andere Elemente floate.

also quasi sowas im ganz Groben wie:
----------------------------------------------
<div id="#left">
<!-- Menü und andere Blöcke --->
</div>

<div id="right">
<!-- wieder etwas Inhalt -->
</div>

<div id="center">
    <div class="block">
        <div class="block-title">Titel</div>
        <div class="block-content">
            <div class="img-float-left">
                <img ... />
            </div>
            Block ihalts text....
        </div>
    </div>
</div>
----------------------------------------------

Nach jedem Block in der Mitte würde ich gerne ein clear machen, damit bei einem grossen Bild und wenig Text der neue Block nicht mit dem darüberliegenden img-float ins Gehege kommt.

Wenn ich einfachein clear both mache, werden ja auch #left und #right gecleard.

Ein Tip, den ich gefunden habe, war, dass ich .block-content auch floate.

Allerdings klappt das auch nicht so, wie ich das gerne hätte.

Gibts da noch andere Möglichkeiten?
Oder habe ich etwas falsch gemacht?

Vielen Dank

Gruß
Thomas