[Visual Web] [SJSC]Comment appeler un CSS particulier en fonction du navigateur

J'ai une appli qui fonctionne bien avec FireFox et IE7.
J'utilise un CSS avec des % et avec position: fixed.

Le problème est que j'ai des clients qui n'ont pas le droit d'utiliser firefox et n'ont pas le choix de leur version d'explorer.

Avec IE6, c'est la cata. J'ai créé un autre CSS pour remplacer les % par des pixels et j'ai remplacé position: fixed par position: absolute.
J'obtiens un résultat pas terrible (j'ai un bandeau vide que je n'arrive pas à supprimer) mais au moins l'appli est utilisable.

Je sais détecter en javascript la version du browser mais je ne sais pas comment appliquer un CSS particulier à une page VWP?


Merci
Val

J'ai trouvé sur le net qu'Internet Explorer interpretait
les commentaires du style:
<!--[if IE]>
<link type="text/css" rel="stylesheet" href="styles-ie.css" />
<![endif]-->


De ce fait, j'ai mis dans mon fichier .jsp les instructions suivantes

<ui:head binding="#{pages$ISIView.head1}" id="head1">
<ui:link binding="#{pages$ISIView.link1}" id="link1" url="/resources/css/isiview.css"/>
<!--[if IE 6]>
<ui:link binding="#{pages$ISIView.link1}" id="link1" url="/resources/css/isiview-ie6.css"/>
<![endif]-->
....
</ui:head>


Mais cela ne fonctionne pas.
En regardant, le code source de la page html générée, je me suis appercu que les commentaires avait été supprimés?

Comment puis-je garder les commentaires?
J'ai essayé en vain avec le tag verbatim
Merci
Val

Première suggestion ...
Si tu arrives à détecter la version du browser du client, tu pourrais alors binder le paramètre "styleclass" (de tes composants concernés par le changment de CSS) à un attribut du backing bean (la classe java) de ta page.

Je m'explique . Pour un composant donné, au lieu de mettre par défaut un nom de classe CSS dans le champ styleclass (ou ce qui revient au meme écrire styleClass="monCSS" dans le tag de ton composant dans la page JSP) ; tu devrais d'abord créer un attribut (et ne pas oublier le getter et setter)

Code:

---

private String CSS = new String();

---

Puis utiliser les fonctionnalités de l'edi pour faire le binding entre tes composants et l'attribut CSS crée ou alors directement ajouter dans la balise de la page JSP

Code:

---

styleClass="#{Page1.CSS}"

---

Apres, si tu réussis à détecter la version du browser du client (en examinant la rquete http par exemple ou avec une fonction javascript je sais pas trop ...) tu n'as plus qu'a définir l'attribut CSS qui convient dans une des fonctions executees avant l'affichage de la page ( le init() du backingbean par exemple).

Voila j'espere que ca te donnera une piste pour commencer ...

Merci, je n'avais pas pensé à cela.

J'ai ajouté une propriété dans mon sessionBean1.

<ui:link binding="#{pages$ISIView.link1}" id="link1" url="#{SessionBean1.isiviewCSS}"/>


Pour la detection du browser, j'ai mis le code ci-dessous dans SessionBean1.init()

HttpServletRequest req = (HttpServletRequest) context.getExternalContext().getRequest();

// browser detection
String browser = req.getHeader("User-Agent");
browser = browser.toLowerCase();
int index = -1;
index = browser.indexOf("msie");
boolean isIE6 = false;
if (index >= 0)
{
int end = browser.indexOf(";",index+4);
String version = browser.substring(index+4,end).trim();
float v = Float.parseFloat(version);
if (v < 7)
isIE6 = true;
}