• Article
Les dossiers MSDN

Internet Explorer 8 : Compatibilité

Internet Explorer 8 est disponible en téléchargement et certains sites web ne sont pas encore prêts pour Internet Explorer 8.

Pour que Internet Explorer 8 utilise le moteur de rendu de Internet Explorer 7, l’internaute peut cliquer sur le boutton à droite de la barre d’adresse :

Enhanced-navigation

Cela permet de corriger des problèmes d'affichage comme le mauvais alignement du texte, des images, ou des zones de texte. Cette option sera valable pour le site en question et tous les autres sites continuerons à s’afficher avec le moteur de rendu de Internet Explorer 8. Pour revenir au moteur de rendu Internet Explorer 8 il suffira de cliquer à nouveau sur le bouton de compatibité.

Maintenant pour le développeur il possible d’ajouter à la page HTML un tag pour que Internet Explorer 8 utilise directement le moteur de rendu de Internet Explorer 7 afin que l’internaute n’ai pas à changer de mode de rendu manuellement.

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

Prérequis :

  • Niveau : Niveau débutant
  • Developpement HTML

Introduction

Cette article présente les différents modes de rendu de Internet Explorer 8 et explique comment le développeur va pouvoir contrôler le mode de rendu le plus adapté pour son site Web.

Les Modes de rendu de Internet Explorer 8

Internet Explorer 8 intègre plusieurs moteurs de rendu pour rester le plus compatible possible avec les sites Web existant.

Internet Explorer 8 possèdes 3 moteurs de rendu:

  1. Quirks : Compatibilité avec Internet Explorer 5.
  2. **Internet Explorer 7 **: Compatible avec Internet Explorer 7 et son comportement JavaScript
  3. **Internet Explorer 8 **: Implémente les dernières fonctionnalités, la compatibilité CSS 2.1

Par défaut, Internet Explorer 8 utilise son nouveau moteur de rendu.

Changer le moteur de rendu par défault pour son site Web

https://msdn.microsoft.com/en-us/library/cc288325.aspx (US)

Pour changer le moteur de rendu d’un site Web complet, il y a deux solutions :

1. Pour le site entier en ajoutant dans l’entête http :X-UA-Compatible:IE=EmulateIE7

1.1 Html

<html>
 <head>
  <!-- Moteur Internet Explorer 7 -->
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  <title>Ma Page Web</title>
 </head>
 <body>
  <p>Coucou.</p>
</body>
</html>

1.2 Dans le Web.Config sur IIS

https://msdn.microsoft.com/en-us/library/cc817572.aspx (US)

…
 <configuration>
  <system.webServer>
    <httpProtocol>
      <customHeaders>
        <clear />
        <add name="X-UA-Compatible" value="IE=EmulateIE7">
      </customHeaders>
    </httpProtocol>
  </system.webServer>
 </configuration>
 …

1.3 Meta switch sur Apache

Vous pouvez lire cet article :

https://msdn.microsoft.com/en-us/library/cc817573.aspx (US)

2. Ajouter sur toutes les pages la balise meta :

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

Les différents modes supportés :

Mode

Description
IE=5 Moteur de rendu IE5 (Quirks)
IE=7 Moteur de rendu IE7 (Standard)
IE=Emulate7

Affichage des DOCTYPE Standard en IE7 (Standard)

Affichage des DOCTYPE Quicks en IE5 (Quirks Mode)
IE=8 Moteur de rendu IE8 (Standard)
IE=100 Moteur de rendu IE8 (Standard)
IE=a Moteur de rendu IE5 (Quirks)
IE=7.5 Moteur de rendu IE7 (Standard)

Vidéo associée :

Internet Explorer 8 - La compatibilité

 

 

Références (US)