Problem with IE8 and More Info Pages

csm71 · Post by **csm71** » Wed Mar 03, 2010 9:13 am

I recently upgraded to IE8. My problem is that products I've added to my store after the upgrade are displaying differently than products that were added prior. This problem only occurs in the More Info pages. I installed Firefox and there is no issue whatsoever which is fine for me, but might be a problem for any future customers who are using IE8. Is there anyone else running into this problem and if so do you have any ideas how to fix it? Thank you for your help.

Post by **Jim** » Wed Mar 03, 2010 1:18 pm

Without seeing what the problem is it's pretty hard to tell how to fix it. Can you post a link to a page so we can see what you are talking about?

Another suggestion would be to run the html source of the page through an html validator and see what errors it reports.

m2 · Post by m2 » Wed Mar 03, 2010 5:25 pm

IE8 uses a new rendering engine. Many sites that were fine in IE7 (and current FF) are broken in IE8.

Try inserting this tag in the <head> area:

Code: Select all

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

It tells IE8 to render the page like IE7 did.

m2

csm71 · Post by **csm71** » Mon Mar 08, 2010 9:07 am

Mike,

Thanks for the info. Just so I have this right, do I insert the code right after <head> in my template? The Modern-MoreInfoPage.sst template begins:

Code: Select all

[-- VAR.TFLink PRODUCT.Name --]
<html>
<head>
<title>[-- IF PRODUCT.MoreInformationTitle --][-- PRODUCT.MoreInformationTitle --][-- ELSE --][-- PRODUCT.Name --][-- END_IF --]</title>

Thanks in advance for walking me through this.

Jim,

Here are is a link to one of the pages that is having problems.

http://cedarspecialties.com/store/recta ... vents.html

All of the More Info Pages under "Gable Vents" are displaying this way. Every other product is fine. The only difference is that the gable vents were all added after the upgrade to IE8.[/code]

m2 · Post by m2 » Mon Mar 08, 2010 9:36 am

Right after the <head> tag is fine.

Before you insert that tag, change the double quotes that bracket the content argument of your meta description tag to a single quote:

Current:

Code: Select all

<meta name="Description" content="Our gable vents are available in a wide variety of sizes and styles.  They are constructed of rot-resistant western red cedar on all exposed exterior components and feature louvers with a "rain-stop"...">

Should be:

Code: Select all

<meta name="Description" content='Our gable vents are available in a wide variety of sizes and styles.  They are constructed of rot-resistant western red cedar on all exposed exterior components and feature louvers with a "rain-stop"...'>

and run the page through an HTML validator. The first double quote in the content text closes content=" and the text after it is invalid which could confuse the browser.

csm71 · Post by **csm71** » Mon Mar 15, 2010 7:29 pm

It looks like I have found the problem. All of the products that were giving me problems also had their images uploaded after I upgraded to IE8. I created a product with an image uploaded prior to my upgrade and it had no problems whatsoever. I then deleted an image from a problem product and uploaded it again while in IE7 and the problem was resolved. Now it's just a matter of deleting the images and I am good to go.

Thank you all for your help. It is always appreciated.