Appliquer une feuille de style selon le Navigateur

Questions sur la mise en page, CSS...

Modérateur: david96

Appliquer une feuille de style selon le Navigateur

Messagede Yatooweb » Lun 11 Mai 2009 20:27

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
Avatar de l’utilisateur
Yatooweb
Administrateur
Administrateur
 
Messages: 1018
Inscription: Mar 30 Jan 2007 14:10
Localisation: Aude

Retourner vers Graphisme

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

cron
W3C XHTML 1.0
W3C CSS 2.1
YATOOWEB © 2005 - 2017


Contact | Logos & liens | Partenaires | Labo | Plan du site