How do I force Internet Explorer to render in Standards Mode and NOT in Quirks

Question

I am coding a Frontend which works well in IE7 Standards Mode and IE8 Standards Mode   When I start up Internet Explorer and load the page both IE7 and IE8 go to Quirks Mode directly  How can I force both IE7 and IE8 to always load the page in Standards Mode   I have no special meta tags added so far   Thanks for helping me out  Edit  My doctype and head looks as follows at the moment    lt  DOCTYPE html gt    lt html lang  de  gt    lt head gt        lt title gt     lt  title gt        lt meta http-equiv  X-UA-Compatible  content  IE edge    gt       lt meta charset  utf-8    gt       lt script src  js html5 js  gt  lt  script gt               lt  head gt

User · Answer

Using html5 doctype at the beginning of the page.

<!DOCTYPE html>
Force IE to use the latest render mode

<meta http-equiv="X-UA-Compatible" content="IE=edge">
If your target browser is ie8, then check your compatible settings in IE8

I blog this in details

User · Answer

Sadly  they want us to use a tag to let their browser know what to do  Look at this documentation  it tell us to use    lt meta http-equiv  X-UA-Compatible  content  IE edge   gt    and it should do

User · Answer

This is the way to be absolutely certain     lt  doctype html gt   lt  -- html5 -- gt   lt html lang  en  gt   lt  -- lang  xx  is allowed  but NO xmlns  http   www w3 org 1999 xhtml   lang xml     and so on -- gt   lt head gt   lt meta http-equiv  x-ua-compatible  content  IE Edge   gt    lt  -- as the   very   first line just after head-- gt      lt  head gt    Reason   Whenever IE meets anything that conflicts  it turns back to  IE 7 standards mode   ignoring the x-ua-compatible    I know this is an answer to a very old question  but I have struggled with this myself  and above scheme is the correct answer  It works all the way  everytime

User · Answer

It s possible that the HTML5 Doctype is causing you problems with those older browsers  It could also be down to something funky related to the HTML5 shiv   You could try switching to one of the XHTML doctypes and changing your markup accordingly  at least temporarily  This might allow you to narrow the problem down   Is your design breaking when those IEs switch to quirks mode  If it s your CSS causing things to display strangely  it might be worth working on the CSS so the site looks the same even when the browsers switch modes

User · Answer

I know this question was asked over 2 years ago but no one has mentioned this yet   The best method is to use a http header  Adding the meta tag to the head doesn t always work because IE might have determined the mode before it s read  The best way to make sure IE always uses standards mode is to use a custom http header   Header   name  X-UA-Compatible   value  IE edge   For example in a  NET application you could put this in the web config file    lt system webServer gt       lt httpProtocol gt         lt customHeaders gt           lt add name  X-UA-Compatible  value  IE edge    gt         lt  customHeaders gt       lt  httpProtocol gt   lt  system webServer gt

User · Answer

Adding the correct doctype declaration and avoiding the XML prolog should be enough to avoid quirks mode

[internet-explorer] How do I force Internet Explorer to render in Standards Mode and NOT in Quirks?

Examples related to internet-explorer

Examples related to internet-explorer-8

Examples related to internet-explorer-7

Examples related to quirks-mode

Examples related to x-ua-compatible