In IE9, my webpage is displaying as Browser Mode: IE9 Compat View and Document Mode: IE standards, which is breaking all my canvases.
I have made sure to have <!DOCTYPE html> as the very first line.
How can I force "normal" IE9 mode on IE9?
There is the "edge" mode.
<html>
<head>
<title>My Web Page</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>
<body>
<p>Content goes here.</p>
</body>
</html>
From the linked MSDN page:
Edge mode tells Windows Internet Explorer to display content in the
highest mode available, which actually breaks the “lock-in” paradigm.
With Internet Explorer 8, this is equivalent to IE8 mode. If a
(hypothetical) future release of Internet Explorer supported a higher
compatibility mode, pages set to Edge mode would appear in the highest
mode supported by that version; however, those same pages would still
appear in IE8 mode when viewed with Internet Explorer 8.
However, "edge" mode is not encouraged in production use:
It is recommended that Web developers restrict their use of Edge mode to test pages and other non-production uses because of the possible unexpected results of rendering page content in future versions of Windows Internet Explorer.
The following line, taken from HTML5 boilerplate, did the job:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
Related
This question already has answers here:
IE10 renders in IE7 mode. How to force Standards mode?
(5 answers)
Closed 7 years ago.
I am a developer on a web app that only works in IE11 if it is added to compatibility view(defaulting the document mode to 5). The problem is that there is a page within the web app that needs CSS :before which does not work correctly if the document mode is below 8. I've tried adding
<!DOCTYPE html>
and
<meta http-equiv="x-ua-compatible" content="IE=8" >
But the page seems to be defaulting that page to document mode 7. I'm not too familiar with how IE works but is there any way around this?
If you're trying to avoid Compatibility mode, you need to specify it as follows:
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
The "Edge" mode tells IE to use the best available mode; thus IE11 should use IE11 mode.
If you're still getting stuck in the wrong mode, there are a few other things to check:
Make sure your HTML code is valid and starts with <!DOCTYPE html>. Invalid HTML or a missing doctype is likely to trigger IE to fall back into IE5 mode (also known as Quirks mode). This will clearly break most of the code for pretty much any modern site.
Check your browser and network settings; IE can be configured to override the compatibility settings and always put certain sites into compatibility mode. Typically this is for sites on the local network.
You can use the emulate option:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
I have IE9 browser. My application is rendering in Standard Document Mode which works fine for me. When I select
Browser mode: IE9 compatibility mode
then my document mode should change automatically to IE7 Standards.
Is there any meta tag that could help me so, whenever I select browser mode, my document mode should be IE9 standards? I have tried this :
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Summary Dashboardt</title>
</head>
----
---code--
</html>
But can't get any success. Is there any meta tag that will be help me?
This question already has answers here:
What does <meta http-equiv="X-UA-Compatible" content="IE=edge"> do?
(12 answers)
Closed 8 years ago.
What will this following tag will do to my browser when a HTML page is loaded?
<meta http-equiv="X-UA-Compatible" content="IE=edge">
http://msdn.microsoft.com/en-us/library/jj676915(v=vs.85).aspx
Understanding legacy document modes
Use the following value to display the webpage in edge mode, which is
the highest standards mode supported by Internet Explorer, from
Internet Explorer 6 through IE11.
<meta http-equiv="x-ua-compatible" content="IE=edge">
Note that this is functionally equivalent to using
the HTML5 doctype. It places Internet Explorer into the highest
supported document mode. Edge most is most useful for regularly
maintained websites that are routinely tested for interoperability
between multiple browsers, including Internet Explorer.
Note Starting with IE11, edge mode is considered the preferred document mode. (In
earlier versions, it was considered experimental.) To learn more, see
Document modes are deprecated. Starting with Windows Internet Explorer
8, some web developers used the edge mode meta element to hide the
Compatibility View button on the address bar. As of IE11, this is no
longer necessary as the button has been removed from the address bar.
Because it forces all pages to be opened in standards mode, regardless
of the version of Internet Explorer, you might be tempted to use edge
mode for all pages viewed with Internet Explorer. Don't do this, as
the X-UA-Compatible header is only supported starting with Internet
Explorer 8.
Tip If you want all supported versions of Internet
Explorer to open your pages in standards mode, use the HTML5 document
type declaration, as shown in the earlier example.
When I view my website in IE10, it seems that it's automatically forcing IE8 document standards. However, I would like it to use IE9 standards, when being viewed in IE10.
Is there a way to do this?
The page has <!DOCTYPE html> at the top.
EDIT: It turned out that I had <meta http-equiv="X-UA-Compatible" content="IE=8" /> in the page header, which was causing the page to render in IE8 document mode. Changing this to IE=9 fixed the issue.
I recommend to use the X-UA meta tag. The X-UA-Compatible meta tag allows you to choose what version of Internet Explorer the page should be rendered as.
You specify the user agent and version to use in the contents of the tag. The current options you have for the content are: IE=5, IE=EmulateIE7, IE=7, IE=EmulateIE8, IE=8, IE=EmulateIE9, IE=9, IE=edge.
Emulating the version tells the browser to use the DOCTYPE to determine how to render content. Pages without a DOCTYPE will be rendered in quirks mode. If you tell it to use the browser version without emulating (i.e. IE=7) the browser will render the page in standards mode whether or not there is a DOCTYPE declaration. IE=edge tells Internet Explorer to use the highest mode available to that version of IE. Internet Explorer 8 can support up to IE8 modes, IE9 can support IE9 modes and so on.
I think you need this:
<meta http-equiv="X-UA-Compatible" content="IE=9"/>
Use X-UA meta tag:
<meta http-equiv="X-UA-Compatible" content="IE=9" />
And I don't know why you want to do this, as IE 10 is far more excellent than any of the previous versions of IE, if you are testing, you can press F12 and change the mode
<meta http-equiv="X-UA-Compatible" content="IE=9" >
the above line of code forces the browser to make
Document mode to IE 9 standard and
Browser mode to IE 9 Compatiblity mode
How can i make Document mode to IE 9 standard and browser mode to IE 9 mode
this works for me..
<!DOCTYPE html>
<html>
<head>
<title>title</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
Do you have any other links or scripts above your X-UA-Compatible meta tag in your <head>? If so this might be causing the problem.
Also make sure to check the compatibility settings in your browser itself by going to:
Tools --> Compatability View Settings
There are several possible explanations, such as HTTP headers overriding the meta tag, domain name being blacklisted by Microsoft, or your local admin having forced IE to Compatibility mode. For a description of some possibilities and possible cures, check out IE8 and IE9 Complications in “Activating Browser Modes with Doctype”.