I am wondering how do you stop people who are using IE 8 from going to Compatibility mode? <pre class="prettyprint lang-html prettyprint-override"><code><meta http-equiv="X-UA-Compatible" content="IE=8" /> </code></pre> I found this tag and I think this forces people to stay in IE-8 mode but I am not too sure and can't check as I have IE 9. If people are in IE 9 mode I force them to not go into IE 8 or IE 7 Compatibility mode? I tried to put the above line in my code and went to IE 9 -> Tools -> Compatibility View(Grayed Out) but "Compatibility View Settings" was not grayed out and it seems you could add the site through there. So should that not disable?

All you need is to force disable C.M. in IE - Just paste This code (in IE9 and under c.m. will be disabled): <pre class="prettyprint lang-html prettyprint-override"><code><meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" /> </code></pre> Source: http://twigstechtips.blogspot.com/2010/03/css-ie8-meta-tag-to-disable.html

This should be enough to force an <code>IE</code> user to drop compatibility mode in any <code>IE</code> version: <pre class="prettyprint lang-html prettyprint-override"><code><meta http-equiv="X-UA-Compatible" content="IE=EDGE" /> </code></pre> However, there are a couple of caveats one should be aware of: <ul> <li>The meta tag above should be included as the very first tag under <code><head></code>. Only the <code><title></code> tag may be placed above it.</li> </ul> If you don't do that, you'll get an error on <code>IE9</code> Dev Tools: <code>X-UA-Compatible META tag ignored because document mode is already finalized.</code> <ul> <li>If you want this markup to validate, make sure you remember to close the <code>meta</code> tag with a <code>/></code> instead of just <code>></code>.</li> <li>Starting with <code>IE11</code>, edge mode is the preferred document mode. To support/enable that, use the HTML5 document type declaration <code><!doctype html></code>.</li> <li>If you need to support webfonts on <code>IE7</code>, make sure you use <code><!DOCTYPE html></code>. I've tested it and found that rendering webfonts on <code>IE7</code> got pretty unreliable when using <code><!doctype html></code>.</li> </ul> The use of Google Chrome Frame is popular, but unfortunately it's going to be dropped sometime this month, Jan. 2014. <pre class="prettyprint lang-html prettyprint-override"><code><meta http-equiv="X-UA-Compatible" content="IE=EDGE,chrome=1"> </code></pre> Extensive related info here. The tip on using it as the first meta tag is on a previously mentioned source here, which has been updated.

How to disable Compatibility View in IE

Tags:

internet-explorer

x-ua-compatible

internet-explorer-9

internet-explorer-8

ie-compatibility-mode

I am wondering how do you stop people who are using IE 8 from going to Compatibility mode?

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

I found this tag and I think this forces people to stay in IE-8 mode but I am not too sure and can't check as I have IE 9.

If people are in IE 9 mode I force them to not go into IE 8 or IE 7 Compatibility mode?

I tried to put the above line in my code and went to IE 9 -> Tools -> Compatibility View(Grayed Out)

but "Compatibility View Settings" was not grayed out and it seems you could add the site through there.

So should that not disable?

390

asked Jun 14 '11 19:06

chobo2

2 Answers

All you need is to force disable C.M. in IE - Just paste This code (in IE9 and under c.m. will be disabled):

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

Source: http://twigstechtips.blogspot.com/2010/03/css-ie8-meta-tag-to-disable.html

140

answered Sep 24 '22 03:09

FelixFett

This should be enough to force an IE user to drop compatibility mode in any IE version:

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

However, there are a couple of caveats one should be aware of:

The meta tag above should be included as the very first tag under <head>. Only the <title> tag may be placed above it.

If you don't do that, you'll get an error on IE9 Dev Tools: X-UA-Compatible META tag ignored because document mode is already finalized.

If you want this markup to validate, make sure you remember to close the meta tag with a /> instead of just >.
Starting with IE11, edge mode is the preferred document mode. To support/enable that, use the HTML5 document type declaration <!doctype html>.
If you need to support webfonts on IE7, make sure you use <!DOCTYPE html>. I've tested it and found that rendering webfonts on IE7 got pretty unreliable when using <!doctype html>.

The use of Google Chrome Frame is popular, but unfortunately it's going to be dropped sometime this month, Jan. 2014.

<meta http-equiv="X-UA-Compatible" content="IE=EDGE,chrome=1">

Extensive related info here. The tip on using it as the first meta tag is on a previously mentioned source here, which has been updated.

answered Sep 26 '22 03:09

Wallace Sidhrée

Related questions
                            
                                Angular4 Application running issues in IE11
                            
                                Dynamically loading css stylesheet doesn't work on IE
                            
                                Open links made by createObjectURL in IE11
                            
                                CSS rotate property in IE
                            
                                Online Internet Explorer Simulators [closed]
                            
                                Is it still valid to use IE=edge,chrome=1?
                            
                                How do I force Internet Explorer to render in Standards Mode and NOT in Quirks?
                            
                                Support for ES6 in Internet Explorer 11
                            
                                How to avoid AJAX caching in Internet Explorer 11 when additional query string parameters or using POST are not an option
                            
                                How to change color of disabled html controls in IE8 using css
                            
                                How to start automatic download of a file in Internet Explorer?
                            
                                javascript document.getElementsByClassName compatibility with IE
                            
                                window.resize event firing in Internet Explorer
                            
                                PNG transparency issue in IE8
                            
                                Best way to check for IE less than 9 in JavaScript without library
                            
                                Cannot properly set the Accept HTTP header with jQuery
                            
                                JSON on IE6 (IE7)
                            
                                CSS3 transform: rotate; in IE9
                            
                                Inline block doesn't work in internet explorer 7, 6
                            
                                IE 8 Developer Tools not working In Windows?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!

Donate Us With