Click to See Complete Forum and Search --> : IE positioning/rendering problems?


spitos
07-03-2006, 09:48 AM
I am trying to find out how to fix a problem that happens to my site only in IE, it works fine in mozilla, firefox and opera. :confused:

The culprit is the content in the center div.
Every 10 or so pages viewed, it displays differently and it shows the center div under the left and right floated divs - instead of fitting snuggly into the space that it should.
The most annoying thing is that the problem miraculously dissappears when the page is refreshed or a similar page is viewed.
It then displays pages correctly again until a few more click then it happens over again.

Also, when the div is displayed incorrectly, I cannot view the page source in IE 6 until the page is refreshed and correct.
If I use IE in netscape the same problem occours with the div but the page source can still be viewed!?
Even the cached version of my pages looks weird.

I have tried to apply the holly hack but either I didn't do it correctly or it didn't work. Now i'm completely exhausted of ideas.
Can anyone please help?

It's far easier if I post a link to a product page instead of a load of code.
My site n-shop.co.uk (http://www.n-shop.co.uk/n-kart/pid_98.htm) is a shopping cart and the product pages (/pid_x.htm) seem to be most vulnerable to this happening, but it happens to most other pages on the site including the category thumbnail pages but excluding news pages.
Here's my CSS (http://www.n-shop.co.uk/n-shop.css)
Here are the incorrect (http://www.n-shop.co.uk/images/incorrect.jpg) and then 'after page refresh' correct (http://www.n-shop.co.uk/images/correct.jpg) version of screenshots.

Please click the products in the left menu or browse through the categories to get a full understanding of my problem and IE's incompetence.
The problem may not happen first time after following the link posted here.

KDLA
07-03-2006, 04:53 PM
It appeared misaligned from the get-go for me.

The inconsistency could be related to your browser's cache settings, rather than the actual coding. Once you've hit a certain amount of views in your cache, then the cache clears.

Change the table in the middle's width to 98 or 99%. See if that handles it. IE handles margins/padding differently than other browsers.

KDLA

spitos
07-04-2006, 07:51 AM
Thanks for the advice KDLA, I tried but it doesn't seem to solve the problem unfortunately.

Changing the table width to 98% still brought the same errors in alignment that it did before. I changed the middle div's width to make it narrower using pixels and percentage values but the same thing happens also.
The left and right div's are 162px, the middle div is 460px and the container is 804px wide. There is plenty of room for it to fit there but it don't always do that.
Even if it was the size of the table or div's that are screwing with it, why does it fit fine after a refresh? Surely it must be something else?

Any other suggestions? Anyone!

Anyone know when the final version of IE7 is due for release?
I downloaded IE7 last night just to see if it worked and it did. I've heard lots of bad things about IE7 but it works for my site :) but most of my users are on IE6 and I presume they will be for a while :(