✔ Float mit 2 unterschiedlichen Boxen in der Höhe

[julchen]

Hallo,
ich möchte den float Befehl für 2 unterschiedliche Boxen anwenden. In der linken Box befindet sich ein Bild mit einer festen Höhe. Rechts daneben die Box ist wird in der Höhe durch den Text bestimmt. Wenn die rechte Box in der Höhe mehr Text erhält wie die linke Box, soll der Text der rechten Box dann aber nicht unter der linken Box weiterlaufen sondern, soll auf der rechten Seite als Block bleiben. Also unter der rechten Box entsteht dann ein freier Bereich und der linke Bereich kann dementsprechend halt höher werden wie rechts.

Ich suche die einfachste Methode ohne viel Verschachtelung mit Divs.

Ich hoffe ihr wisst, was ich meine.

Gruss
Holger

 

[Bob2]

Mach's doch einfach mit einer table:

<table>
<tr>
<td><img src="bild.jpg"></td>
<td>Text</td>
</tr>
</table>

 

[Maik]

Hi,

das Thema ist zwar schon etwas älter und als "erledigt" markiert, aber die Frage wurde bislang noch immer nicht "CSS-technisch" beantwortet (ich war seinerzeit im Sommerurlaub), also hol ich das hier mal fix für den zukünftig interessierten Leser nach

div.imageBox {
float:left;
width:150px; /* entspricht der Bildbreite */
}
div.textBox {
margin-left:160px; /* Text umfliesst das Bild mit einem Abstand von 10px, ohne unter ihm nach links einzurücken, sobald er dessen Höhe überschreitet */
}

mfg Maik