How to set IE document mode

internet explorerinternet-explorer-9

In IE9 my browser has set:

F10 -> tools -> compatibility views setting -> added 192.168.10.227

therefore when I try to serve file, the browser mode is 9 compat view, the document mode is IE7 standard.

My question is, how do I make the document mode IE9 instead of IE7?

I tried:

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

but neither is working.

here is my document

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>OpsCentral&trade;</title>
        <link rel="shortcut icon" type="image/x-icon" href="/opscentral/demo/favicon.ico" />
<link rel="icon" type="image/x-icon" href="/opscentral/demo/favicon.ico" />
<link rel="stylesheet" type="text/css" href="/opscentral/demo/css/main.css" />
<link rel="stylesheet" type="text/css" href="/opscentral/demo/css/widget_list.css" />
<script type="text/javascript" src="/opscentral/demo/js/jQuery/jQuery.js"></script>
<script type="text/javascript" src="/opscentral/demo/js/jQuery/jQuery.ajaxq.js"></script>
<script type="text/javascript" src="/opscentral/demo/js/util.js"></script>
<!-- *******************************************************************
    WOM - Windows on Load Manager
******************************************************************** -->
<script type="text/javascript" src="/opscentral/demo/js/wom.js"></script>
<script type="text/javascript" src="/opscentral/demo/js/widget_list.js"></script>
<!-- *******************************************************************
    NIFTY CORNERS
******************************************************************** -->
<script type="text/javascript" src="/opscentral/demo/js/niftyCornersCube.js"></script> 
<link rel="stylesheet" type="text/css" href="/opscentral/demo/css/niftyCornersCube.css" />
    <link rel="stylesheet" type="text/css" href="/opscentral/demo/css/jQuery/jQuery.pagination.css" />

    <link rel="stylesheet" type="text/css" href="/opscentral/demo/css/widget_form.css" />

    <script type="text/javascript" src="/opscentral/demo/js/jQuery/jQuery.dimensions.js"></script>
    <script type="text/javascript" src="/opscentral/demo/js/jQuery/jQuery.jTemplates.js"></script>
    <script type="text/javascript" src="/opscentral/demo/js/jQuery/jQuery.pagination.js"></script>
    <script type="text/javascript" src="/opscentral/demo/js/jQuery/jQuery.XMLUtils.js"></script>


        <link rel="stylesheet" type="text/css" href="/opscentral/demo/css/calendar-blue.css" />
<script type="text/javascript" src="/opscentral/demo/js/widget_calendar.js"></script>
<script type="text/javascript" src="/opscentral/demo/js/calendar/calendar.js"></script>
<script type="text/javascript" src="/opscentral/demo/js/calendar/calendar-en.js"></script>
<script type="text/javascript" src="/opscentral/demo/js/calendar/calendar-setup.js"></script>

        <script type="text/javascript" src="/opscentral/demo/recordingJssCss/js/jquery-1.8.2.js"></script>
<script type='text/javascript'>  
    var $jq182 = jQuery.noConflict();  
</script>  
<script type="text/javascript" src="/opscentral/demo/recordingJssCss/js/jquery-ui-1.9.1.custom.js"></script>
<link rel="stylesheet" type="text/css" href="/opscentral/demo/recordingJssCss/css/smoothness/jquery-ui-1.9.1.custom.min.css" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8">
<meta http-equiv="X-UA-Compatible" content="IE=8" />

Best Answer

i think you should also add <!doctype html> check this post out Forcing Internet Explorer 9 to use standards document mode

Related Topic