Deux feuilles de style pour 2 version d'IE

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Djoule_logo, 3 Octobre 2007.

  1. Djoule_logo
    Djoule_logo WRInaute impliqué
    Inscrit:
    30 Mai 2007
    Messages:
    545
    J'aime reçus:
    0
    Bonjour a tous

    Je viens de m'appercevoir que site site a quelques bugs sous IE 7. Je vais donc devoir refaire un CSS pour lui. Jusque là pas trop compliquer je devrai m'en sortir.
    La ou je bloque c'est au niveau de l'appel de fichier dans mon HTML. J'ai déjà un correctif pour Ie 6 et inferieur. Donc est il possible de faire 2 lignes comme ceci:
    <!--[if lt IE 7.]><link rel="stylesheet" media="screen" type="text/css" href="/fichier_pour_ie6.css" /><![endif]-->
    <!--[if IE]><link rel="stylesheet" media="screen" type="text/css" href="/fichier_pour_ie7.css" /><![endif]-->
     
  2. keroin
    keroin WRInaute passionné
    Inscrit:
    29 Avril 2006
    Messages:
    1 501
    J'aime reçus:
    0
    En fait c'est le plus souvent IE6 qui pose des problèmes de css, IE7 et FF les gère à peu près de la même façon.
    Aussi il serait peut être plus judicieux de faire un condition PHP comme celle là :

    If IE 6
    => feuille css IE6

    else
    => feuille css générique

    ;)
     
  3. Djoule_logo
    Djoule_logo WRInaute impliqué
    Inscrit:
    30 Mai 2007
    Messages:
    545
    J'aime reçus:
    0
    J'y ai pensé, mais je ne connais pas la commande PHP qui me retourne la version du navigateur.
     
  4. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    <!--[if lt IE 7.]><link rel="stylesheet" media="screen" type="text/css" href="/fichier_pour_ie6.css" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" media="screen" type="text/css" href="/fichier_pour_ie7.css" /><![endif]-->
     
  5. Florent V.
    Florent V. WRInaute discret
    Inscrit:
    16 Mai 2007
    Messages:
    157
    J'aime reçus:
    0
    Bof bof.

    Passer par une condition PHP, c'est prendre le risque de récupérer une information erronée, le User Agent string n'étant pas normalisé et certains navigateurs mentant allègrement sur leur nature (pour se faire passer pour IE et éviter de se faire débouter par certains sites mal conçus). Il y a quelques années, c'était d'une fiabilité assez médiocre. Ça c'est peut-être amélioré depuis...

    Ceci dit, on a un moyen tout à fait fiable d'adresser du code à certaines versions d'Internet Explorer Windows uniquement, et ce sont les commentaires conditionnels. Donc autant les utiliser.

    Niveau bonne pratique, il s'agirait plutôt de faire ceci:
    - feuille de style générique pour tous navigateurs (devrait assurer une compatibilité Firefox 1+, Opera 8+, Safari 2+ et IE 7+);
    - une feuille de correctifs CSS appelée en plus pour IE 6 et inférieurs.
    Suivant la complexité du design, il se peut qu'on soit également obligé d'adresser quelques correctifs à IE7.

    Au final, ça peut donner ceci:
    Code:
    <link rel="stylesheet" media="screen" type="text/css" href="generique.css" />
    <!--[if lte IE 6]><link rel="stylesheet" media="screen" type="text/css" href="correctifsie6.css" /><![endif]-->
    <!-- Et si besoin... -->
    <!--[if IE 7]><link rel="stylesheet" media="screen" type="text/css" href="correctifsie7.css" /><![endif]-->
    Note 1: seul generique.css est une feuille de style complète. Les autres peuvent ne contenir que quelques rares lignes de code, voire aucune.
    Note 2: à priori, pas de point après le 7 dans la condition [if lt IE 7].
     
  6. Djoule_logo
    Djoule_logo WRInaute impliqué
    Inscrit:
    30 Mai 2007
    Messages:
    545
    J'aime reçus:
    0
    Mon correctif Ie 6 ne comprends que 2 classes en fait, et je pense que celui pour le 7 sera dans le même genre.
     
  7. Djoule_logo
    Djoule_logo WRInaute impliqué
    Inscrit:
    30 Mai 2007
    Messages:
    545
    J'aime reçus:
    0
    Merci a tous, c'est en ligne et ça marche :D
     
  8. Djoule_logo
    Djoule_logo WRInaute impliqué
    Inscrit:
    30 Mai 2007
    Messages:
    545
    J'aime reçus:
    0
    Du coup j'ai un autre soucis avec IE7. Mon menu est en flash (oui, je sais pas bien etc.... mais la pas le temps de le refaire pour l'instant) et avec IE7, il faut cliquer une première fois sur le flash pour "l'activer" avant de pouvoir clicuer sur les boutons.
    Ca passe nickel avec les autre navigateurs (même ie6). Ca vient de mon flash (une option a activer que j'ai loupé) ou alors il faut rajouter une ligne quelquepart dans le code source?
     
  9. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 677
    J'aime reçus:
    0
    il faut le charger via flash, chercher swfobject sur google
     
  10. Djoule_logo
    Djoule_logo WRInaute impliqué
    Inscrit:
    30 Mai 2007
    Messages:
    545
    J'aime reçus:
    0
    Merci Bproductiv, je regarde ça.
     
Chargement...
Similar Threads - feuilles style Forum Date
Unused CSS et outils pour supprimer feuilles de style inutilisées Développement d'un site Web ou d'une appli mobile 27 Avril 2022
feuilles de styles non obtenues par Googlebot Crawl et indexation Google, sitemaps 28 Septembre 2018
Feuilles de style fabriquées en dynamique ? Développement d'un site Web ou d'une appli mobile 11 Août 2012
Feuilles de styles CSS : pourquoi vos mailings arrivent en vrac Développement d'un site Web ou d'une appli mobile 29 Septembre 2011
Les feuilles de style.css peuvent-elles nuire au référecnement? Débuter en référencement 20 Septembre 2010
Deux feuilles de Styles Développement d'un site Web ou d'une appli mobile 30 Janvier 2010
feuilles de styles Débuter en référencement 29 Juillet 2009
IE 8 et feuilles de style Développement d'un site Web ou d'une appli mobile 14 Juillet 2009
Externalisation feuilles de style : impact sur référencement Référencement Google 1 Février 2008
Dossier inexistant et feuilles de style Développement d'un site Web ou d'une appli mobile 7 Août 2007
les attributs des feuilles de style sont ils pris en compte? Référencement Google 22 Février 2007
Goggle crawle les feuilles de styles CSS Référencement Google 23 Juin 2006
php et feuilles de style Développement d'un site Web ou d'une appli mobile 27 Octobre 2005
Les feuilles de styles peuvent elles marcher dans GMAIL ? Gmail, Google Talk, Blogger et Orkut 13 Août 2005
passage aux feuilles de style help Administration d'un site Web 3 Janvier 2004
Feuilles de style css et balise H1 Administration d'un site Web 18 Février 2003
Feuilles css en cache ? Administration d'un site Web 26 Septembre 2006
WordPress Problème affichage style avec Elementor (titre, bordures, separateur) Administration d'un site Web 8 Août 2022
Récapitulatif Média d'information style portail Référencement Google 23 Novembre 2020
Style wordpress Développement d'un site Web ou d'une appli mobile 11 Avril 2020