Travailler son site pour Internet Explorer

Travailler son site pour Internet Explorer

Parmi toutes les solutions proposées pour adapter son site aux vieilles versions de IE, celle qui fonctionne bien chez moi, et qui me parait être la plus simple, c’est celle qui consiste à simplement ajouter une classe spécifique pour IE aux éléments qu’on veut travailler.
Le commentaire conditionnel a placer entre les balises head est le suivant:

<!--[if IE8]> <html class="ie8"> <![endif]-->

Plutôt que de charger une nouvelle feuille de style pour Internet Explorer 8, on peut ainsi éditer son fichier css central, et pour chaque élément qui pose problème sur internet explorer 8 , on le cible spécifiquement avec la classe .ie8 : exemple, si on a une div wrapper qui pose problème sur IE8, on la stylise uniquement pour ie 8 en pointant l’élément de la manière suivante : .ie8 #wrapper{..}

Si on a une classe « footer », pour ie8 on appliquera un style particulier en faisant :.ie8 .footer{…} etc…

On peut bien sûr modifier ou ajouter des commentaires additionnels pour chaque versions récalcitrantes d’IE.

De cette manière on peut organiser son fichier css plus proprement, en dédiant un espace à ces classes conditionnelles dans son fichier css , comme on le fait en général pour les media queries, ou alors en les mettant à chaque fois à la suite de l’élément non conditionnel:

#wrapper{}

.ie8 #wrapper{}

etc...

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.