Window resizing issue in IE, jquery.

cowboygeek
cowboygeek used Ask the Experts™
on
I'm building a website, currently visible at www.isthatclear.com/svcm

For some reason, in IE, whenever the window is resized, the content moves. This does not happen in Firefox or Chrome. Is there a way to fix this?

Thanks!
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®

Commented:
Hi cowboygeek,

I tested in IE7 and to me seems to work fine. What version of IExplorer are you using?

By the way, nice job, fast&clean design.

 > Cleaning Tips > (do not appear nothing. In construction?)

An alternative could be to detect the browser client and give a suggestion (i.e. "Upgrade to IE7", "install the last IE patch"). I do not like to give this kind of messages, but it's MS way instead of being standard.

Author

Commented:
I'm using IE8, but even when I force IE7 mode, this still happens. Here's a video showing the problem. http://screencast.com/t/GqliAnagN

Also, yes, the site is under construction, but I don't want to do a whole lot more constructing until this problem is fixed.

Author

Commented:
That video looks a little choppy, but I think you get the gist of it. Sorry about that.
Ok, I've fixed the problem. I don't know which step fixed it, but it might have been the combination of the two. Here they are:

First, I added the tag that forces IE8 to render in IE7 compatability mode. That line of code is:

<meta http-equiv="X-UA-Compatible" content="IE=7" />



Then, for the body element in the css file, I added position: relative. That seemed to fix things.

Commented:
Hi cowboygeek,

I'm glad you solve it. It was a clever observation.

Regards

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial