css: pływak obraz w lewo - Problem

Question

staram się zrobić coś takiego:

-------------------------------------------- 
| --------- text text text text text text | 
| | image | text text text text text text | 
| |  | text text text text text text | 
| |  | text text text text text text | 
| --------- text text text text text text | 
| text text text text text text text text | 
| text text text text text text text text | 
-------------------------------------------- 

znaczniki powinny mieć rację:

<div> 
    <img src='myimage.jpg' style='float:left;'> 
    tex text text .. 
</div> 

problem jest - jeśli jest tylko kilka tekst, obraz będzie „unosić się” z div kontenera, który wygląda tak:

-------------------------------------------- 
| --------- text text text text text text | 
| | image | text text text text text text | 
|_|  |________________________________| 
    |  | 
    --------- 

jakieś pomysły, aby rozwiązać ten problem? jedynym rozwiązaniem wydaje mi się ustawienie minimalnej wysokości kontenera div. thx

Answer 1

div { 
    overflow: hidden; /* except IE6 */ 
    display: inline-block; /* IE6 */ 
} 
div { 
    display: block; /* IE6 */ 
} 

Answer 2

dodać pustego elementu na końcu elementu div z style="clear:both;, podobnie jak to:

<div> 
    <img src='myimage.jpg' style='float:left;'> 
    tex text text .. 
    <div style="clear:both;"></div> 
</div> 

Answer 3

< div style = "overflow: auto" > </div >