Price display issue with IE10?

Microsoft recently upgrade my Internet Explorer to version 10.0.9200. Now when I visit my Zen Cart sites (ver. 1.3.9 or 1.5.1), the product price is not consistently displaying even though it can be seen in the source code. The issue seems to be specific to IE10 as far as my limited testing shows. My sites are fine in IE8 and IE9 and in Chrome, Firefox, Opera and Safari.

Is anyone else seeing this problem? Does someone know of a fix?

Clicking compatibility view in IE10 brings back the price display, but I don't want to tell viewers that they have to do that. We may need a temporary workaround.

I should clarify that the display problem seems to be with the product info display page.

Pacuk:

Microsoft recently upgrade my Internet Explorer to version 10.0.9200. Now when I visit my Zen Cart sites (ver. 1.3.9 or 1.5.1), the product price is not consistently displaying even though it can be seen in the source code. The issue seems to be specific to IE10 as far as my limited testing shows. My sites are fine in IE8 and IE9 and in Chrome, Firefox, Opera and Safari.

Is anyone else seeing this problem? Does someone know of a fix?
I have not seen this one before (and have been using IE10 for awhile). A link to the site in question would be helpful...

So you are saying when you click open source it shows the correct price, but in the F12 developer tools and on the displayed page it shows a different price? This could indicate an issue with your template (and / or any JS)...

Pacuk:

Clicking compatibility view in IE10 brings back the price display, but I don't want to tell viewers that they have to do that. We may need a temporary workaround.
If you want to force IE10 users to render the site as if they were using IE9 you can do this... Just add the following meta tag in the head of your template. ```
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />

Here are three of my existing sites (all v1.3.9): https://www.queenanneslaceberlin.com, https://www.thefussycut.com, https://www.tattingcorner.com. They have been fine for years and are still okay in IE9 or in other browsers. I've posted a warning note to IE users for the time being. I can see the price when I view the browser's source code for the page. It is the expected price; it is just not displaying for some reason.

If I remove my template's tpl_product_info_display.php from the site and rely on the default version, the display issue is still there. I did not do this for all production sites, only my 1.5.1 site that is under development.

Another observation. The price displays for some of the products, but then if I visit them again, the price disappears.

Strange, I am not seeing that behavior on a couple of my test and product sites...

But on one of your sites I am seeing this behavior occasionally (usually when the load time is slower). Look in the F12 developer tools it appears IE10 is occasionally having issues determining the height to apply to the h2 block you have surrounding the price.

I have also noticed the returned HTML sometimes contains a NULL character (U+0000) after the closing <html> but before the end of the returned content. Probably not the cause... But should not be there... Were your templates edited using the same character-set as your HTML pages specify? If not this could potentially cause some browser rendering issues (and the NULL character showing up)...

On the sites I work with we do not use HTML tables in my templates to create the "layout" of the page... and we do not have a line break in any of our h1 elements or h2 elements. Probably not the problem, but just to exclude it as a possibility:

Can you try removing the line break from your template so the generated HTML has:
<h2 class="productGeneral" id="productPrices">Starting at $xxx</h2>

Instead of what it has now:
<h2 class="productGeneral" id="productPrices">
Starting at $xxx</h2>

Thanks for your suggestions. I'll give them a try and report back here on the results.

As for using HTML tables, well, as I mentioned, they are old sites and they are based on Zen Cart's own template files that I have modified to suit. Two of the sites are going to be upgraded to 1.5.1 soon and I won't be using tables for them.

Pacuk:

Thanks for your suggestions. I'll give them a try and report back here on the results.

As for using HTML tables, well, as I mentioned, they are old sites and they are based on Zen Cart's own template files that I have modified to suit. Two of the sites are going to be upgraded to 1.5.1 soon and I won't be using tables for them.

At least for the first site I tested, removing the line break within h2 productPrices and declaring a height for the element seems to have solved the problem. Thank you very much for those suggestions.

Pacuk:

At least for the first site I tested, removing the line break within h2 productPrices and declaring a height for the element seems to have solved the problem. Thank you very much for those suggestions.
Very interesting (not quite what I expected)... Keep us posted!