Why does IE9 change to Compatibility View mode automatically?

Question

A little Question from my side. I'm working on a new internal Webpage at my Company which should be optimizied for Internet Explorer 9. So far I have to following HTML Code:

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Intranet</title>

</head>

<body>
    <div id="wrapper">
        <div id="navigation">
            nav
        </div>
        <div id="content">
            content
        </div>
        <div id="content_shadow"></div>
        <div id="right">
            <a href="/"><img src="/gfx/logo.png" alt="alt" title="title" class="logo" /></a>
        </div>
        <br class="clear" />
    </div>
</body>
</html>

For any reason Internet Explorer shows me the symbol that there are compatibility issues in my side, when I click on it there's not really a change at all but I'm just wondering why the compatibility icon apears? Is there something wrong at my code?

Thanks for your help

Vitor Canova · Accepted Answer · 2013-07-17T11:56:58.143

Intranet sites by default are loaded in compatibility mode by default.

You need to use a X-UA-Compatible meta tag to achieve what you want in intranet sites without change IE settings.

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

Since you making it compatible with IE9 looks like you are using many Web Standards. So I reccomend you say do IE to use the newer engine available instead of just fix it to IE9:

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

In this case if you are using IE10 or IE11 (currently in preview) it will use their best engine instead of always IE9.

More information about Specifying legacy document modes.

score 1 · Answer 2 · edited May 23 '17 at 12:11

1

Probably because you have not explicitly defined the page compatibility.

Go through this link http://msdn.microsoft.com/en-us/library/cc288325(v=vs.85).aspx

It will explain you how to explicitly define it.

Also read this answer. It explains it very well

Why does IE9 switch to compatibility mode on my website?

edited May 23 '17 at 12:11

Community

1
1

answered Jul 17 '13 at 11:51

Murtuza Kabul

6,342
4
23
33

score 0 · Answer 3 · answered Jul 17 '13 at 11:51

For intranetsites you need the following meta tag to display the site correctly:

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

or if you don't want to force IEs > 9 degrade to IE9 view, then use:

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

Why does IE9 change to Compatibility View mode automatically?

3 Answers3