How can I disable the Compatibility Mode button in IE9?
I cannot disable the IE Compatibility mode button in IE9.
My head and doctype look like this:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if lte IE 8]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-en" xml:lang="en-en" class="ie8">
<![endif]-->
<!--[if IE 9]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-en" xml:lang="en-en" class="ie9">
<![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-en" xml:lang="en-en">
<!--<![endif]-->
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="description" content="meta content here" />
</head>
<body>
<!-- page content here //-->
</body>
</html>
How do I disable the compatibility mode button in IE9?
I thought I did my research. I applied every kind of fallback solution to display everything fine in every IE from 7 to 9 and up.
The client is complaining about the compatibility mode that when activated, it messes up the layout. Is there any way to disable that button?
Answer
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
Chrome frame has been discontinued by Google as of Jan 2014 so the chrome=1 part is not required
<meta http-equiv="X-UA-Compatible" content="IE=edge">
The "edge" forces standards mode (or latest rendering engine) in IE and the "chrome" is for Chrome Frame.
Further info available here: