Discussion :

[Nixar]

Bonjour,
Comme tout le monde, je galère à obtenir "l'interprétation css parfaite multi navigateurs" aussi j'ai utilisé les commentaires conditionnels pour pouvoir charger une feuille de styles en fonction du navigateur. Voici ce que j'ai mis :

Code :

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

1
2
3
4
5
6
<!--[if IE 7]><-->
      <link rel="stylesheet" href="http://www.monsite.com/style.css" type="text/css" media="screen" />
<!--> <![endif]-->
<!--[if lte IE 6]>
      <link rel="stylesheet" href="http://www.monsite.com/style_ie6.css" type="text/css" media="screen" />
<![endif]-->

En gros, je charge une feuille de style différente pour IE6. Mon problème se situe au niveau de

Code :

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

<!--[if IE 7]><--> <!--> <![endif]-->

J'ai trouvé que ce test voulait dire "SI IE7 ou tout autre navigateur (mozilla, safari...)".
Le chargement des feuilles de style est conforme à ce que j'attends (tout autre navigateur que IE 6 charge bien style.css) mais lors du chargement de ma page sous IE 7 je vois "<-->" qui s'écrit tout en haut avant quoi que soit. Ce qui fait que ma page est décalée... Je ne veux pas que ca s'affiche.

IE 7 interprète "<-->" comme du texte HTML ce qui est normal puisqu'iln'est pas en commentaire.

Comment faire se texte tout en supprimant ce texte qui apparait sous IE 7? Vous avez des idées?

Merci beaucoup pour le temps que vous passerez sur mon problème.

Cordialement,

Nixar

[Macmillenium]

Bonsoir,

Code :

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

<!--[if IE 7]><--> <!--> <![endif]-->

J'ai trouvé que ce test voulait dire "SI IE7 ou tout autre navigateur (mozilla, safari...)".
...
IE 7 interprète "<-->" comme du texte HTML ce qui est normal puisqu'iln'est pas en commentaire.

C'est censé être que pour IE7, mais vu ta mauvaise syntaxe :

Code HTML :

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

1
2
3
4
5
 
<!--[if IE 7]>
<-->
      <link rel="stylesheet" href="http://www.monsite.com/style.css" type="text/css" media="screen" />
<!--> <![endif]-->

Le <--> ferme ton commentaire ... En gros comme si tu as rien spécifié pour IE7

Comment faire se texte tout en supprimant ce texte qui apparait sous IE 7?

Quel est l'intérêt ?

[Nixar]

Bonjour et merci de ta réponse,
Je me suis certainement mal exprimé :

Voici ce qui est dans ma page, au niveau du header :

Code :

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

1
2
3
4
5
6
7
 
<!--[if IE 7]><-->
      <link rel="stylesheet" href="http://www.monsite.com/style.css" type="text/css" media="screen" />
<!--> <![endif]-->
<!--[if lte IE 6]>
      <link rel="stylesheet" href="http://www.monsite.com/style_ie6.css" type="text/css" media="screen" />
<![endif]-->

et voilà ce que ca me fait sous IE 7 lors du chargement (cercle rouge):


Je précise qu'à part ce texte qui apparaît, les commentaires conditionnels fonctionnent tels que je l'attend. Comment garder ce fonctionnement, mais sans avoir ce texte qui apparaît?

J'espère être plus clair,

Merci de vos réponses !!

Nixar

[Macmillenium]

Bonjour,

Étant donné que la syntaxe est incorrecte :

Code html :

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

1
2
3
4
 
<!--[if IE 7]><-->
      <link rel="stylesheet" href="http://www.monsite.com/style.css" type="text/css" media="screen" />
<!--> <![endif]-->

Le commentaire conditionnelle ne peut pas fonctionner dans ce cas => comme si tu n'as rien précisé !

Donc :

Code html :

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

1
2
3
4
5
 
<link rel="stylesheet" href="http://www.monsite.com/style.css" type="text/css" media="screen" />
<!--[if lte IE 6]>
      <link rel="stylesheet" href="http://www.monsite.com/style_ie6.css" type="text/css" media="screen" />
<![endif]-->

Suffit largement