différentes feuilles style CSS pour différents navigateurs ?

Big Boy · 15/06/2007 - 00h03

Salut !
encore et toujours moi ^^
j'aimerais savoir s'il est possible lorsque l'on crée un site web, de faire par exemple 2 feuilles de style CSS, l'une qui sera faite pour Mozilla, et l'autre pour IE, en faisant en sorte que selon le navigateur utilisé, la bonne feuille soit choisie. Parce que j'essaie désespérement de faire une feuille de style qui conviendra aux deux, mais je me heurte toujours à un problème au niveau de l'affichage, je ne sais plus quoi faire.
Merci et ++

Aneldo · 15/06/2007 - 07h05

Oui il est possible de détecter le navigateur utilisé (en php notament). Apres, tu introduis la feuille de style en fonction du navigateur.
Attention à ne pas oublier d'introduire de feuilles de style "par defaut" (pour les navigateurs inconus).
Il suffit d'introduire le code suivant entre les <head> </head> de ta page web. (et d'avoir un hébergeur php).

Code:

<?php
//$_SERVER["HTTP_USER_AGENT"] : variable donnant le navigateur
if (ereg("MSIE", $_SERVER["HTTP_USER_AGENT"])) {
    //Internet explorer
    echo "<link rel=\"stylesheet\" href=\"ieStyle.css\" type=\"text/css\" />";
} else if (ereg("^Mozilla/", $_SERVER["HTTP_USER_AGENT"])) {
    //Mozilla - Firefox
    echo "<link rel=\"stylesheet\" href=\"mozillaStyle.css\" type=\"text/css\" />";
} else if (ereg("^Opera/", $_SERVER["HTTP_USER_AGENT"])) {
    //Opera 
    echo "<link rel=\"stylesheet\" href=\"operaStyle.css\" type=\"text/css\" />";
} else {
    //Les autres
    echo "<link rel=\"stylesheet\" href=\"defaultStyle.css\" type=\"text/css\" />";
}
?>

Avec ce code, il faut alors créer 4 feuilles de style différentes :

ieStyle.css pour IE
mozillaStyle.css pour les navigateurs mozilla (et firefox)
operaStyle.css pour opéra
defaultStyle.css pour tous les autres

Big Boy · 15/06/2007 - 13h19

Ohhh merci beaucoup, mais je voulais savoir aussi si c'est conseillé d'utiliser cette méthode, ou s'il faut normalement réussir à faire un site qui ne demande qu'une feuille CSS.

Aneldo · 15/06/2007 - 13h30

je trouve que c'est une bonne idée. Les navigateurs ont un comportement différents alors il pourait etre normal de leur associer une feuille de style différente.
Le gros désaventage est qu'il y a plusieurs feuilles de styles à maintenir.

Donc c'est pour moi une solution à n'utiliser que s'il n'est pas possible de faire autrement.

Je pense que deux feuilles de style suffisent : une pour IE et une pour tous le reste.

différentes feuilles style CSS pour différents navigateurs ?

différentes feuilles style CSS pour différents navigateurs ?

Re : différentes feuilles style CSS pour différents navigateurs ?

Re : différentes feuilles style CSS pour différents navigateurs ?

Re : différentes feuilles style CSS pour différents navigateurs ?

Sur le même sujet

Discussions similaires

Internet Explorer 7 - Firefox 2.0 : fin d'année chargée pour les navigateurs

sequence nucléotidique d'un trèfle a 3 feuilles et 4 feuilles

Problème d'affichage de pages HTML sur différents navigateurs

des proportions différentes de ferments pour des yaourts différents

Les tags pour cette discussion