Skip to content

How to force IE 10 to Display Old Site Designs in Quirks Mode Correctly

by on April 8, 2013

IE 10 now renders quirks mode differently (yeah, I know, doesn’t make much sense).

Microsoft decided to now render quirks mode as webkit/chrome, etc. style quirks mode, not IE quirks mode. Ummm…. OK.

So what about that old site clients are happy with or don’t have the budget to change? Well, you would think you could change the browser mode with EmulateIE8, but this does not work, since it renders in IE8 mode, NOT QUIRKS MODE!

Well, in reality, Quirks mode renders as IE 5 – this happens when documents do not have a doctype, since the browser assumes the page is older or if the page is intentionally “broken” by designers to initiate quirks mode in IE browsers using a number of tricks.

How to Fix It in IE 10

Above the first Meta tag in the head, type the below text:

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

That’s right, we are telling the browsers to pretend they are IE 5, which is the same as the “old” Internet Explorer Quirks Mode.

DotNetNuke Fix

Unfortunately, you have to alter the default.aspx of the DNN installation to get this to work and put the Meta tag in the correct place. You may be able to do this on a page by page basis, by adding to the Meta section in page settings, but luckily, I have not had to do this.

Another option, may be to use jquery, etc. to affect the DOM by adding the Meta property and value to the page within the skin – however I have not tested this.

Please let me know if you have found another solution which works.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: