Thank you for being a valued part of the CNET community. As of December 1, 2020, the forums are in read-only format. In early 2021, CNET Forums will no longer be available. We are grateful for the participation and advice you have provided to one another over the years.

Thanks,

CNET Support

Question

Why do my images not load correctly in IE?

Feb 1, 2013 4:59AM PST

Hello, I'm working on an image scroll on this website: http://www.portal.beta.state.pa.us/portal/server.pt/community/dep_home/5968 in my agency's staging environment. The problem is that the images load fine in Firefox and Chrome, but in IE (7&Cool sometimes when the page first loads one image gets hidden beneath another, especially after clicking on the arrow to bring up the next group of images. After I refresh the page, they appear as they should. Any advice?

Thanks.

Discussion is locked

- Collapse -
Answer
May need IE's Compatibility Mode.
Feb 1, 2013 5:06AM PST

Did you try that?

- Collapse -
IE's Compatibilty Mode
Feb 4, 2013 4:01AM PST

Thanks for the suggestion. Compatibility mode was turned on by default in my workplace so I had been viewing the page with it turned on. I was hoping that the images would display properly with it turned off but that's not the case unfortunately.

Thanks.

- Collapse -
Then back to the code.
Feb 5, 2013 9:51AM PST

Look up the W3C HTML VALIDATION site and check the web page for errors.
Bob

- Collapse -
RE: Then back to the code
Feb 5, 2013 11:31PM PST

Thanks for the reply. Here is some background information that perhaps I should have included in my initial post. Our website was built using Oracle WebCenter Interaction so I only have control over a small amount of the code. Also, I didn't write this code myself, it's from another state agency's website used with their permission.

Last week I ran the source code for the page (all 25,000+ lines of it) through the W3C Validation tool. It showed 143 errors and 33 warnings but as I stated above I don't have control over most of it. I did check the code I have control over and fixed the errors that were found, however this didn't correct the IE image problem.

Any thoughts on preloading the images to solve the problem? Thanks again for your help.

- Collapse -
Let's be honest.
Feb 5, 2013 11:40PM PST

If other browsers are fine then you know where the issue is. It's IE. It's rather odd to see such a tool not do well but that tool is very expensive and does have support. In our office we would skip IE and tell them to use another browser.

As to your question, try it. Sad to read that nothing can be done with the code.
Bob

- Collapse -
RE: Let's be honest
Feb 7, 2013 2:58AM PST

I wish I could tell the users to use Firefox, Chrome or any browser that's not IE but this is for a public website so unfortunately that's not an option.

My first attempts at pre-loading the images haven't helped but I'll keep trying.

Thanks.

- Collapse -
The tool has support.
Feb 7, 2013 3:18AM PST

And I can't guess why you are not calling Oracle to ask why their tool is creating bad code.

Why can't you edit the HTML? I've done so for years to correct bad code from web page creation software.
Bob

- Collapse -
Why do my images not load correctly in IE?
Mar 7, 2013 10:01PM PST

A change to the CSS seems to have solved the problem. The images are list items set to float left. Since it was always the last item in the list that would get hidden, I used clear right for the last item, this seems to have stopped the image overlap issue in IE.