texte IE n'enroulant autour des images

Question

J'ai une page avec ce HTML:

<p> 
    <img src="images/ih01.jpg" width="80" height="110" align="left" /> 
    This course overs basic human anatomy and physiology, including the major 
    body systems and their functions. When you have completed this course you 
    will be able to identify major body components and their core physiological 
    functions. 
</p> 

Et voici comment il affiche dans Firefox 3, Chrome 1.0 et IE7: (Cliquez pour agrandir)

http://fisher.spadgos.com/stuff/ie-align-fail.png

Vous pouvez voir qu'IE n'emballe pas le texte autour de l'image même s'il est aligné à gauche. Des idées?

Answer 1

Utilisation:

<img src="images/ih01.jpg" style="float: left; height: 110px; width: 80px; " > 

au lieu d'aligner. L'attribut align est deprecated.

Answer 2

Tout d'abord, "align" est déconseillé. Vous voudrez utiliser la propriété flottante CSS ici.

<p> 
    <img src="images/ih01.jpg" style="float:left;height:110px;width:80px" />  
    This course overs basic human anatomy and physiology, including the major 
    body systems and their functions. When you have completed this course you 
    will be able to identify major body components and their core physiological 
    functions. 
</p> 

Il est temps de prendre un "temps mort" à learn about floats!