css: image flottante à gauche - problème

Question

je suis en train de faire quelque chose comme:

-------------------------------------------- 
| --------- 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 | 
-------------------------------------------- 

le balisage doit être droite:

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

le problème est - s'il n'y a que quelques texte, l'image « flotter » du conteneur div, qui ressemble à ceci:

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

des idées pour résoudre ce problème? la seule solution pour moi semble régler la hauteur minimale du conteneur div. thx

Answer 1

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

Answer 2

ajouter un élément vide à la fin de l'élément div avec style="clear:both;, comme ceci:

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

Answer 3

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