Discussion :

[DjChat]

Bonjour a tous, j'ai un gros probleme de compréhension du fonctionnement des commentaires conditionnels.

Je suis aller lire deux trois doc dessus, je pensais avoir saisie, mais non...

J'ai un probleme sur une de mes pages sur Firefox dès que je met des margin, donc j'ai crée une deucieme feuilles de style exprès pour Firefox avec d'autre apllication.

Met a chaque fois sa me bouge soit tout dans IE ou dans Firefox alors que je modifie le CSS sur la feuille de style opposer.

J'vous montre comment j'ai mi mon commentaires conditionnels et si vous pouviez m'expliquer mon probleme de logique...

Code :

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

1
2
3
<!--[if gte IE 5]><link href="../css/page.css" rel="stylesheet" type="text/css" /><![endif]-->
 
<link href="../css/page_FF.css" rel="stylesheet" type="text/css" />

Merci d'avance!!!

[Erwan31]

Bonjour,
en dehors d'IE, il n'y a pas que Firefox
Ta CSS "firefox" sera appliquée ici a tous les navigateurs même IE.

Au lieu de cibler les version d'IE supérieur ou égale à IE5, tu devrais cibler les
version inférieures à IE8 ou à IE7 (le plus souvent) puisque le rendu évolue
selon la version. IE8 par exemple s'est doté d'un tout nouveau moteur de rendu.

Ensuite j'ai pas bien saisi ta question.

Tu devrais commencer par rendre l'affichage de tes page correct sur les navigateurs les plus proche des standards (Firefox, Opera...) et
ensuite appliquer un correctif pour les versions d'IE ciblées mais attention l'odre
de déclaration des commentaire conditionnels est important.

Toujours déclarer ta CSS IE en dernier pour que ses règle de style soient appliquées en priorité selon la cascade sur les règle définies en amont dans la CSS commune.

Ce qui donnerait par exemple
(ne pas oublier de préciser le média de sortie)

Code :

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

1
2
3
 
<link href="../css/page_FF.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if lt IE 7]><link href="../css/page.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->

[DjChat]

Merci pour tes informations, effectivment sa fonctionne mieux comme sa!!!