différentes feuilles style CSS pour différents navigateurs ?
Répondre à la discussion
Affichage des résultats 1 à 4 sur 4

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



  1. #1
    invite7b559047

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


    ------

    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 ++

    -----

  2. #2
    Aneldo

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

    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 :
    1. ieStyle.css pour IE
    2. mozillaStyle.css pour les navigateurs mozilla (et firefox)
    3. operaStyle.css pour opéra
    4. defaultStyle.css pour tous les autres

  3. #3
    invite7b559047

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

    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.

  4. #4
    Aneldo

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

    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.

  5. A voir en vidéo sur Futura

Discussions similaires

  1. sequence nucléotidique d'un trèfle a 3 feuilles et 4 feuilles
    Par invitec7d22190 dans le forum TPE / TIPE et autres travaux
    Réponses: 6
    Dernier message: 17/03/2006, 23h00
  2. Problème d'affichage de pages HTML sur différents navigateurs
    Par fenouille dans le forum Internet - Réseau - Sécurité générale
    Réponses: 24
    Dernier message: 21/05/2005, 20h19
  3. Réponses: 0
    Dernier message: 13/09/2004, 16h27
Découvrez nos comparatifs produits sur l'informatique et les technologies.