Appliquer une feuille de style selon le Navigateur

[Yatooweb]

Ayant effectué quelques changements sur l'entête de Yatooweb, je me suis retrouvé, comme bien souvent, confronté aux problèmes des styles CSS qui ne sont pas interprétés à l'identique selon le navigateur.

Il m'a semblé bon de faire un petit post sur ce sujet.

La syntaxe positive s'écrit de cette façon

Code: Tout sélectionner

<!--[if IE]>
<link href="feuille-1.css" rel="stylesheet" type="text/css" />
<![endif]-->

Ce code signifie: si le navigateur est Internet Explorer alors on utilise la feuille CSS "feuille-1.css"

La syntaxe négative s'écrit comme suit

Code: Tout sélectionner

<!--[if !IE]><-->
<link href="feuille-2.css" rel="stylesheet" type="text/css" />
<!--><![endif]-->

Ce code signifie: si le navigateur est différent d'Internet Explorer alors on utilise la feuille CSS "feuille-2.css"

Pour aller plus loin, il est également possible de différencier les versions d'IE.
<!--[if IE]> = toutes les versions d'IE
<!--[if lt IE 7]> = toutes les versions inférieur à IE 7
<!--[if lte IE 7]> = toutes les versions inférieur ou égal à IE 7
<!--[if IE 7]> = uniquement pour la version IE 7
<!--[if gt IE 6]> = toutes les versions supérieur à IE 6
<!--[if gte IE 6]> = toutes les versions supérieur ou égal à IE 6

[queeny]

Excellent post très complet et astucieux.
Merci