feuille de style pour IE

[Baobab]

Bonjour,

Mon site fonctionne très bien sous FF mais pas sous IE6 ni IE7 ou des pbs d'affichage apparaissent. Une feuille de style a été créée pour IE, qui est appelée avec l'instruction suivante placée juste dessous les autres feuilles de style :

<link rel="stylesheet" type="text/css" href="css/layout.css" />
<!--[if IE ]>
<link rel="stylesheet" media="screen" type="text/css" href="css/style_ie.css" />
<![endif]-->

Malgrès cela, les affichages sont tjrs différents entre IE et FF.

Est ce que cela peut venir de l'instruction ci-dessus, ou de la feuille de style "style_ie.css" ?

Merci de vos conseils.

PS : J'utilise la feuille de style pour IE suivante :

/******************** LAYOUT *****************/

div.layout div#main div#left ul#cat {
	behavior:url(csshover.htc);
} 

/* CONNEXION */

#auth fieldset a.btn img{
	width:49px; height:23px;
	margin-bottom: 2px;
}

ul#auth {
	-width: 450px;
	-padding-top: 0!important;
}

#auth li {
	-line-height: 35px;
	-height: 37px;
}


 /* END CONNEXION */


 /*  TAB */

div.layout div#header h3.first {
	-margin-left: 80px;

}

div.layout div#header h3{
	-margin-left: 20px;
}

/* END TAB */


/* END LAYOUT */

td#margin {
	padding-right: 18px;
}

div.layout div#main div#right{
	-width:170px;

}

#cyber fieldset  select {
	-width:150px;
}

div.layout div#main div#moncompte {
	-width:680px;
}

Modifié 9 Avril 2009 par Dudu

[cyberlaura]

Bonjour,

comme c'est fait, il faut savoir que IE va intégrer tes 2 feuilles de style. Est ce bien ce que tu veux ?

Sinon, il faudrait mettre un <!--[if ! IE]> ...<![endif]--> encadrant la première feuille.

Ceci dit, en général, il vaut mieux mettre dans la même panier (CSS) IE7 et les autre navigateurs, et différencier les IE de version inférieure ou égale à 6. Je te renvoie à cet article que explique bien les conditions IE.