CODEWITHSUNDEEP
htmlinternet-explorer
nickf
nickf

Reputation: 546055

IE not wrapping 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 for full size)

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

You can see that IE is not wrapping the text around the image even though it's aligned left. Any ideas?

Upvotes: 1

Views: 4582

Answers (2)

Dave Markle
Dave Markle

Reputation: 97691

First off, "align" is deprecated. You'll want to use the CSS float property here. 

<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 take a "time out" to learn about floats!

Upvotes: 2

recursive
recursive

Reputation: 86084

Use: 

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

instead of align. The align attribute is deprecated.

Upvotes: 7

Related Questions