View Full Version : Image floating problems in IE.

01-23-2005, 02:51 PM
Hey there.

I redesigned my website (http://www.gamehideout.co.uk) the other day and discovered a very annoying bug in IE.

In FF, the first news post appears as:

Welcome to the new look Game HideOut!

We guide you through the latest design and sections of the site. But in IE only:

Welcome to the new look Game HideOut! appears. The rest of the text is still there as you can highlight it and it appears, but how would the user know to do that? I've pinned this problem down to the floating image. The <img /> tag has been placed before the text and floated to the right.

If I put it after the text the problem goes away but obviously the image appears beneath the text instead of beside. If I put the image in its own <div> I would have to give the <div> a width, but seeing as the images vary in width then this is a problem.

So what can I do?

01-23-2005, 09:59 PM
Not sure if I quite understand, but you could try putting the img in it's own div, but instead of setting it's width to someting definite, set it as display:inline and it will (or should...) conform to the width of the img

01-23-2005, 10:18 PM
It's cool. It was because I hadn't floated the text :rolleyes: