Bilder mit Text daneben in einem gefloateten Layout

[Marc]

Hallo zusammen,

hier eine Nuss zum Knacken.

Ich möchte Text neben Bildern haben, wie folgt:

+---------+     Überschrift
|         |
|         |     Text, Text, Text, Text, Text, Text, Text, Text
|         |
+---------+

Der Text kann auch mal länger sein als das Bild, muss aber nicht.

Mein Ansatz (sicherlich der übliche): Bild links gefloatet, p und hx bekommen einen margin-left.

1. Problem (gelöst)
Ist der Text so kurz, dass er nicht die volle Höhe des Bildes einnimmt, wird das nächste Bild direkt unter dem Text und neben dem ersten Bild angezeigt. Also so:

+---------+     Überschrift
|         |
|         |     Text, Text, Text, Text, Text, Text, Text, Text
|         |     +----------+
+---------+     |          |
                |          |
                |          |
                +----------+

Doof. Aber dafür gibt es ja clear. Also sorge ich damit dafür, dass die Bilder alle schön untereinander stehen. Ein Problem bleibt aber: In einem Layout, das bereits ein float:left für das Menü verwendet, bewirkt das clear, dass die Bilder erst unterhalb des Menüs angezeigt werden.

Die einzige Möglichkeit, die mir auf Anhieb einfällt: das Menü absolut zu positionieren. Das möchte ich aber gerne vermeiden. Geht das? Gibt es eine Lösung für ein Layout, das gefloatete Bereiche (Menü, rechte Marginalspalte) enthält?

Gerne benutze ich das folgende Grundlayout:

Layout mit drei Spalten

Viele Grüße,
Marc.