Discussion :

[Aspic]

Salut, je voudrais charger une feuille de style spéciale pour IE et une autre pour FF :

Code :

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

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

Avec ce code, pas de problème sous FF puique la deuxième ligne n'est interprétée que pour IE. En revanche, sur IE, il me charge les deux feuilles de style et donc ca plante complètement.

Comment dire à IE de charger uniquement la feuille de style spécial IE sans passer par le javascript (si possible) ?

Merci à tous !

[Bisûnûrs]

La méthode là est la meilleure.

Si tu ne veux pas qu'IE s'occupe de la première feuille de style, tu dois t'amuser à remettre à zéro ou à redéfinir les valeurs dans la feuille de style pour IE.

[Aspic]

Si tu ne veux pas qu'IE s'occupe de la première feuille de style, tu dois t'amuser à remettre à zéro ou à redéfinir les valeurs dans la feuille de style pour IE.

Je n'ai pas compris

Les feuilles de style de IE et FF sont deja indentiques sauf que y'a quelques valeurs qui changent (des paddings et margins car IE interpréte pas pareil que FF).

[Bisûnûrs]

Les feuilles de style de IE et FF sont deja indentiques sauf que y'a quelques valeurs qui changent (des paddings et margins car IE interpréte pas pareil que FF).

Si tu redéfinis les valeurs dans la deuxième feuille de style, alors IE "écrase" les valeurs de la première, donc tu n'as pas à t'en faire.

Mais IE en mode standard interprète les margin et padding de la même manière que Firefox : as-tu renseigné un DOCTYPE complet ?

[Aspic]

Oui toutes les pages sont valides W3C...

Je ne comprends pas alors c'est pas logique :
http://www.zonegeeks.com/software/base-driver.php (sous IE ca plante, le menu de gauche se retrouve en bas et sous FF pas de soucis)

Si je supprime la première ligne de mon code ci-haut ca marche très bien sous IE...

[Bisûnûrs]

Je vois plusieurs différences dans tes CSS :

Générale :

Code css :

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

1
2
3
4
5
6
7
h3{
font-style:italic;
text-decoration:underline;
font-family:"Franklin Gothic Medium";
text-align:left;
padding-left:2.1em;
}

IE :

Code css :

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

1
2
3
4
5
6
7
h2{
 
text-decoration:underline;
font-family:"Franklin Gothic Medium";
text-align:left;
padding-left:2.1em;
}

pas les mêmes balises affectées

Générale :

Code css :

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

1
2
3
4
5
table{
background-color:#C7D3D7;
border:4px outset #7851E6; /* Bordure du tableau avec effet 3D (outset) */
border-collapse:collapse; /* Colle les bordures entre elles */
}

IE:

Code css :

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

1
2
3
4
table{
background-color:#C7D3D7;
border:4px #7851E6; /* Bordure du tableau avec effet 3D (outset) */
}

tu ne colles plus les bordures et tu ne leur donnes plus de style