Ajouter un hack pour IE6

**jbuget** · 12/05/2011, 14h13

Bonjour,

Dans le cadre d'une migration de IE6 vers IE8 pour un projet JSF 2, je souhaite inclure une feuille CSS dans le cas où le navigateur est IE6 afin de "m'adapter à certaines bizarreries" de celui-ci.

En (X)HTLM standard il suffit de faire (dans la partie <head>) par exemple :

Code :

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

1
2
3
<!--[if IE]>
  <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/css/ie6.css" />
<![endif]-->

Malheureusement, ce code ne fonctionne pas dans ma page JSPX et le code HTML généré ne contient pas la déclaration de ma page.

Un début de piste ?

Merci d'avance

**romaintaz** · 12/05/2011, 14h27

Tu utilises des commentaires conditionnels pour n'offrir ce lien vers la CSS que par IE. Du coup, seul Internet Explorer considère ce code autrement qu'un commentaire. Et donc pour JSF, ce bloc est un commentaire "normal" en XML, et sera donc ignoré.

Une idée pour contourner ceci, serait d'échapper ces caractères, ou forcer le rendu de <!--[if IE]> (petit détail : il serait préférable de ne cibler qu'IE6, et donc avoir <!--[if IE 6]>).

Essaie ceci :

Code :

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

1
2
3
4
 
&lt;!--[if IE 6]&gt;
    <link .../>
&lt;![endif]--glt;

ou éventuellement :

Code :

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

1
2
3
4
5
6
7
8
 
<f:verbatim>
<!--[if IE 6]>
</f:verbatim>
    <link .../>
<f:verbatim>
<![endif]-->
</f:verbatim>

Sur le principe, ça fonctionne, je l'utilise sur mon application. Si ce n'est que dans mon cas, j'avais créé un composant <xxx:ie6> qui génère ces blocs de commentaires conditionnels. Donc je n'ai pas de <!--[if IE 6]> directement dans mon code XHTML. D'où la différence.

**jbuget** · 12/05/2011, 14h54

Merci romaintaz ! En mélangeant tes deux propositions je suis parvenu au résultat voulu :

Code :

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

1
2
3
4
5
<f:verbatim>
&lt;!--[if IE 6]&gt;
  <link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/css/ie6.css" />
&lt;![endif]--glt;
</f:verbatim>

Big up à toi et merci pour la réactivité

**Anack** · 12/05/2011, 15h00

oubli pas le bouton résolu pour ton topic sur le hack IE6 =)
ça pourra servir à d'autre.

Cordialement,
Anack

Ajouter un hack pour IE6

JSF Java

Vue hybride

Discussions similaires

Partager

Partager