troubleshooting Question

Page styling error in IE 8

Avatar of shishir_sri
shishir_sriFlag for India asked on
JavaScriptCSSHTML
8 Comments3 Solutions812 ViewsLast Modified:
Hello all,

I am stuck in a strange situation. Please take a look at http://www.alljigsawpuzzles.co.uk/
You'll see a jQuery slider near the top of the page which fades between 4 images.

If you have a moderately slow connection, you'll see that the 4 images are loaded one below the other before the slider activates, and the images disappear. This causes the page to stretch out first before it snaps back into place once the loading is complete.

While trying to fix this issue, I set the "overflow" value of the container to hidden. This immediately solved the problem on every browser apart from IE 8.

The problem in IE 8:

Now, the problem in IE is that the page completely loses its styling when I made the change and uploaded it as index_2.html. See here: http://www.alljigsawpuzzles.co.uk/index_2.html

Now, I took this as a quirk of IE and tried to find a way around it. I went through several solutions, and they all seemed to work on every browser apart from IE. (Even the ones recommended for IE).

So what I did was, I uploaded the unmodified index.html as index_orig.html.
(See here: http://www.alljigsawpuzzles.co.uk/index_orig.html )

This is the same file as the original, without any of my fixes. And it still loses all its formatting in IE.

I just cannot understand how 2 files with exactly the same code can appear differently in the same browser.

Can someone please go through this and let me know what I'm doing wrong?

Thanks a lot,
Shishir S.
ASKER CERTIFIED SOLUTION
shishir_sri

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 3 Answers and 8 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 3 Answers and 8 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros