image not displaying in IE6

[richcleverley]

Hi all,

I am having a problem with this page

http://www.ictechnology.net/julia/catalogue.php

In Firefox everything seems fine, but in IE6 (don't know about IE7) the images to the right of the text is not showing.

Can someone have a look for me and try to work out what I am doing wrong?

Thanks,

Richard

 

[traingamer]

Try a simple float:

.catimages {
	float:right;
}

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill

 

[richcleverley]

Fixes it in IE6, but completely breaks it in FF. I've now tested in IE7, and it is fine there so must be something weird with IE6's rendering.

Richard

 

[traingamer]

...must be something weird with IE6's rendering.

That pretty much goes without saying. Only have IE6 at work, so couldn't test changes on anything else.
This is very likely related to IE's box model, but I can't put my finger on it...

 

[richcleverley]

Yes, thanks for that. I'll keep battling away with it anyway. Must be something minor.

Richard

 

[Vragabond]

That can usually be helped with some random [tt]position: relative;[/tt] thrown into the code. IE6 had a number of issues like that. Unfortunately, I don't have IE6 where I am right now, so I cannot inspect it more thoroughly.

 

[Einstein47]

I see the images to the right of the text in IE 6.

What I see differently in IE 6 is that the left curved edges of the headers are not fully left justified. It could be due to the space between the DIV and the IMG tags - hard to say. FF seems to work just fine with the page.

Einstein47
(For best results: hand wash in cold, tumble dry low. For not so good results: drag through puddles, pound on rocks, air dry on tree branch.)

 

[mansii]

Has the problem solved? I would like to know what you did because cross browser checking is quite a must (these days, I guess).

 

[richcleverley]

What I have actually done is to use a conditional stylesheet for IE6 which seems to cure the problem. It just has a float:right in it. I also had to remove the position relatives in the original css too. I've uploaded it to the same place so you should see how it now works.

I know about the let curved edges thanks Einstein47. Not dealt with them yet but will get round to it.

Richard