web-dev-qa-db-fra.com

Comment définir IE mode document?

Dans IE9, mon navigateur a défini:

F10 -> outils -> réglage des vues de compatibilité -> ajouté 192.168.10.227

par conséquent, lorsque j'essaie de servir un fichier, le mode navigateur est en mode 9 compat, le mode document est standard IE7.

Ma question est, comment puis-je faire le mode document IE9 au lieu de IE7?

J'ai essayé:

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

mais ni l'un ni l'autre ne fonctionne.

voici mon 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" />
10
Stupidfrog

je pense que vous devriez également ajouter <!doctype html> consultez cette publication Forcer Internet Explorer 9 à utiliser le mode document standard

8
Dejan Dakić

Je crois que vous devez inclure

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

Modifier

Je voudrais également inclure un

<meta charset="utf-8" />

ou quoi que ce soit qui définisse votre utilisation. Les déplacer également vers le haut de la tête ferait également une différence.

6
Nathan Fisher

Mais selon IE DEv Center,

En outre, n'utilisez pas de balise META "compatible X-UA" sur la page et n'envoyez pas d'en-tête HTTP personnalisé à partir du serveur Web.

Pour forcer une page Web que vous affichez dans Internet Explorer 10 dans un mode de compatibilité de document particulier, ouvrez d'abord les outils F12 en appuyant sur la touche F12. Ensuite, dans le menu Mode navigateur, cliquez sur Internet Explorer 10 et dans le menu Mode document, cliquez sur Normes.

0
user2537735