Forcer IE8 à utiliser le mode compatibility IE7

Si votre site ne s’affiche pas correctement avec IE8, sachez qu’il existe une solution autre que celle d’adapter le template de votre site Joomla afin de le rendre compatible avec la version IE8.

En effet, dès la sortie de IE8 de nombreux sites qui fonctionnaient correctement auparavant s’affichaient bizarrement ou avec des erreurs sur ce navigateur.

Heureusement l'équipe de Microsoft avait prévu le coup ,-) ! En effet, IE8 vous permet d’activer le mode compatibility IE7 afin de faire en sorte que tous les sites visités avec IE8 s’affichent comme si vous utilisiez le navigateur IE7.

Soit l’utilisateur active ce mode dans les options du navigateur, soit vous informez IE8 au travers de votre site d’activer cette option. Dans ce tutoriel nous allons voir ensemble comment au travers du template de votre site Joomla informer IE8 d’activer cette option.

La première solution est relativement simple puisqu’il faut simplement insérer la ligne ci-dessous dans le HEADER de votre template:

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

Dans la plupart des templates Joomla, la partie HEADER se trouve dans le fichier index.php du template. Il vous faut donc rechercher dans le fichier index.php ce texte <header> puis juste en dessous, coller la ligne de code ci-dessus. Il ne vous reste plus qu’à sauvegarder votre fichier le travail est terminé, enfin pas tout à fait….

Pour les puristes, il y a moyen de faire tout ça un peu plus proprement. En effet, le code que nous avons ajouté sera visible avec tous les navigateurs ce qui est complètement inutile.

Pour éviter ça, nous pouvons ajouter le code CSS de détection d’un navigateur Internet Explorer:

<!--[if IE 8]>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<![endif]-->

La condition <!--[if IE 8]> signifie : si le navigateur utilisé pour accéder à mon site est IE8 alors exécute les lignes suivantes jusqu'à la ligne <![endif]-->.

Dans le cas où vous devez effectuer un test de navigateur autre que Internet Explorer, il existe dans le framework Joomla une class JBrowser vous permettant de récupérer le navigateur utilisé ainsi que la version de celui-ci. Voici un exemple de code qui vous permet d’effectuer le même test contrôle de la version du navigateur Internet Explorer :

jimport('joomla.environment.browser');
$browser = JBrowser::getInstance();
$ie8 = ($browser->getBrowser() == 'msie' && $browser->getVersion() == '8.0') ? true : false;
if($ie8 == true) {
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
}

Pour plus d’information concernant cette class, veuillez accéder à la page officielle de description de JBrowser.

Ajouter un commentaire