Page Formatting

[yolandre]

Hi all,

Please pardon if this is not the correct forum for this post?

My published site's pages appear to be unformatted, i.e. incorrect font type and sizes as well as objects that are not correctly aligned and of incorrect width when browsing the site with IE10.

On my development platform, Windows 7 Professional using Visual Studio 2010 Professional, running in debug mode and also using IE10 the entire site appears perfectly formatted.

I've already confirmed that all CSS files and the relevant connection strings area correct and ensured that the font being used is installed on the hosting platform.

I just used my MacBook and browsed the published web site using IE 9, Chrome and Safari - the site displayed and functioned 100%. I repeated the same test using Safari on iOS and again had perfect results. It thus appears that the problem relates to IE10.

Does anyone have any advice for me?

[gep13]

Hey,

Is it possible that one some of the machines IE10 is running in Compatibility Mode, which is having an effect on the rendered content?

Also, you might want to completely clear out the Internet Explorer Cache and re-open the site. Make sure that there isn't some cached file causing a problem.

Gary

[zuperman]

Certain versions of ASP.NET do not correctly recognize the Internet Explorer 10 user-agent string and must be updated.

Update the ASP.NET browser definition files. For more info, see http://www.hanselman.com/blog/BugAnd...rPosition.aspx

[sapator]

I have a better idea. Don't use IE10 until they fix the damn thing.

[yolandre]

Hi all,

Please pardon the late reply, but I only returned to my SOHO moments ago.

Gary: No & No. If you use IE10 in compatibility mode everything actually displays better. We also double checked caching - no problem there.

Zuperman: I'll look into your link and revert.

Sepator: The best advice!!! I actually though about adding a redirect to a page warning users not to use IE10.

I read an article in .Net Magazine a couple of months ago wherein the writer sing high praises to IE10, but as life would have it experience taught me the exact opposite. Since upgrading to IE10 I encountered challenge after challenge – even when using the Visual Studio IDE! Surely someone at MS should have the intelligence of halting the distribution of IE10 and first addressing all the bugs prior to casting their developer community into the deep end having to face problems which does not make any logical sense. But, that would make like rather boring...

Thanks a stack for your inputs.

[SeanGrebey]

Hi all,

Please pardon the late reply, but I only returned to my SOHO moments ago.

Gary: No & No. If you use IE10 in compatibility mode everything actually displays better. We also double checked caching - no problem there.

Zuperman: I'll look into your link and revert.

Sepator: The best advice!!! I actually though about adding a redirect to a page warning users not to use IE10.

I read an article in .Net Magazine a couple of months ago wherein the writer sing high praises to IE10, but as life would have it experience taught me the exact opposite. Since upgrading to IE10 I encountered challenge after challenge – even when using the Visual Studio IDE! Surely someone at MS should have the intelligence of halting the distribution of IE10 and first addressing all the bugs prior to casting their developer community into the deep end having to face problems which does not make any logical sense. But, that would make like rather boring...

Thanks a stack for your inputs.

IE10 is a nightmare. I don't know how many support calls I hear our IT help desk guys get about things on our site not working correctly and the answer is always put it into compatibility mode...

[gep13]

IE10 is a nightmare. I don't know how many support calls I hear our IT help desk guys get about things on our site not working correctly and the answer is always put it into compatibility mode...

What sort of problems are you seeing? Although not directly developing against it yet, I use IE10 on my desktop machine at work and at home, and I can honestly say that I haven't seen any notable issues. What am I missing?

Gary

[SeanGrebey]

What sort of problems are you seeing? Although not directly developing against it yet, I use IE10 on my desktop machine at work and at home, and I can honestly say that I haven't seen any notable issues. What am I missing?

Gary

Lot's of weird stupid crap, like image buttons inside of update panels causing the page to crash, sessions logging out whenever you click on a link, jquery components erroring out. Our staging site is unusable in it without compatibility mode on. It does things on there like insert all sorts of garbage in the URL. Don't ask me why.

[gep13]

Just out of curiousity, have you updated to the latest jQuery?

[yolandre]

Hi Gary,

Sadly I have to support Sean - I've experienced the exact same symptoms (links not working, sessions terminating at random, etc.). What's worse is that when running the site in debug mode on my development platform (Windows 7 Pro & IE10) everything appears to be in order, but the moment I access the live site objects are miss-aligned, styles are scrambled and over all appearance and functionality definitely not as it is supposed to be. However, when using other browsers (Safari, Firefox & Chrome) all is in order.

I've called in an expert Microsoft web-server administrator who confirmed all on the server appears to be in order.

As I do not have the luxury of limiting my average 18-hour business day solely to development and definitely not have the resources at the disposal of Microsoft I've opted for a quick solution: a clear recommendation to visitors and users to either use IE10 in compatibility mode or preferably use Chrome, Firefox or Safari. Once I find a solution I shall certainly publish it here.

Best regards.

[gep13]

Hey yolandre,

Thanks for the info. I will definitely keep an eye out for these problems, one of our internal products is moving to support IE10, so we may start to run into some of these issues.

Gary

[namrekka]

You can add a metatag to force IE10 to IE9:

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