This...">
Clever Geek Handbook

IE does not wrap text around images

I have a page with this 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>

And this is how it displays in Firefox 3, Chrome 1.0 and IE7: (Click to enlarge)

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

You can see that IE does not wrap text around the image even though it is aligned to the left. Any ideas?

+1


source to share


2 answers


Using:

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


instead of alignment. The align attribute is deprecated .

+7


source


First, "align" is deprecated. This is where you'll want to use the CSS float property.

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


It's time to "time out" to learn about floats !

+2


source






More articles:


All Articles