Text below image

[jeanm]

I have text underneath most images on my web site, see http://www.cheap-and-easy-recipes.com. With most browsers this appears just as I want it to. However with IE any images on the right side of the page have the first word out of place - it slips itself up to the right of the image.

Could someone please tell me how I could fix this? The css code is at http://www.cheap-and-easy-recipes.com/newstyle.css

Thanks in advance.

 

[ronaldroe]

First, you'll need to set that text inside some element, like <p>. Then, give that <p> a class, and in that class, set clear:right;

That should take care of it.

 

[jeanm]

Thank you ronaldroe. Much appreciated.

 

[jeanm]

I started wondering how I could have missed such a glaring error a month and a half ago when I re-made the site. At that time I was testing everything on various browsers. This seemed quite odd that I could have missed it. Then it got me thinking about the first site that I had re-made earlier this year. The problem should have been on that site too seeing as I modelled one almost exactly on the other. So, I checked out the former site. All the pages I made up earlier this year with the same style code have their text in exactly the correct spot on IE. However, newer pages that I have been working on today for that same site have the fault in them. Look at this:

Code works perfectly here on this older page:
http://www.railway-train-travel.com.au/train-trip-trans-siberian/25.kazan-kremlin.php

But not here on the page I worked on today:
http://www.railway-train-travel.com.au/tibet-nepal-bhutan.php

I'm using exactly the same divs in which to put the images and texts. The images are exactly the same size.

The css for this site is here: http://www.railway-train-travel.com.au/newstyle.css

It all looks fine on other browsers but not IE. How come I'm using the same code but getting different outcomes dependent on when the page was created?

I would really appreciate everyone's input on this please. I can't create any more pages until I get this sorted out.

 

[websonalized]

The text under the images of the first website look the same to me in chrome or IE.

How exactly would you want the text to be displayed?