Changer de css en fonction de firefox ou IE

**Tsukaasa** · 22/07/2009, 10h39

Bonjour, j'ai parcouru un peu le forum, et je souhaiterais utiliser un css différent de celui utilisé pour firefox, pour IE, afin de régler quelques problèmes d'affichages sous IE.

Je précise que je suis totalement débutant en développement web

.

J'ai essayé la méthode suivante:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<head>
<title>Ma page web</title>
 
<link rel='stylesheet' type='text/css' href='css/style.css' />
<!--[if IE]>
        <link rel="stylesheet" type="text/css" href="css/styleIE.css" />
<![endif]-->
 
</head>

Le css styleIE est vide(enfin presque j'ai juste laissé une définition pour la balise html), mais quand je vais sous IE, il charge quand même le css précédent.

Auriez-vous une piste?

Merci ^^;

**Macmillenium** · 22/07/2009, 10h54

Bonjour,

C'est normal, la 1ere feuille de style est chargée pour tous les navigateurs (y compris IE) et la 2éme pour IE uniquement.

Pour exclure IE dans le commentaire conditionnel qui vise tous les navigateurs :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<head>
<title>Ma page web</title>
 <!--[if !IE]> <-->
<link rel='stylesheet' type='text/css' href='css/style.css' />
<!--> <![endif]-->
 
<link rel="stylesheet" type="text/css" href="css/styleIE.css" />
</head>

if !IE : si différent de IE.

**Tsukaasa** · 22/07/2009, 10h56

Merci pour cette réponse rapide ^^
ça marche impec!

EDIT: je viens de voir que si dans le css d'IE, dans la balise body je met:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
body{
background-color:#cccccc;
font-family:Arial,Helvetiva,sans-serif;
margin: 0;
text-align:center;
}

En revenant sous firefox, j'ai une image qui change de place, alors que le css chargé est bien celui de firefox.

Là je n'y comprend rien

RE-EDIT: en fait fallait commenter l'intérieur du if ^^;.

**Macmillenium** · 22/07/2009, 13h00

J'ai oublié le commentaire conditionnel pour IE uniquement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<head>
<title>Ma page web</title>
 <!--[if !IE]> <-->
<link rel='stylesheet' type='text/css' href='css/style.css' />
<!--> <![endif]-->
 
<!--[if IE]> 
<link rel="stylesheet" type="text/css" href="css/styleIE.css" />
<![endif]-->
 
</head>

Maintenant les deux feuilles de styles sont indépendantes.

**Tsukaasa** · 22/07/2009, 13h04

Ah merci c'est tout bon comme ça

Changer de css en fonction de firefox ou IE

CSS

Discussions similaires

Partager

Partager