IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Retro compatibilité en css2


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    115
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 115
    Par défaut Retro compatibilité en css2
    Bonjour.
    Mon site utilise lourdement les sélecteur css3, a tel point qu'il ne devrais rester a terme pas un seul identifiant ou class (pour la beauté de la chose).
    Je ne me suis jamais serieusement penché sur la compatibilité sur les anciens navigateurs.
    J'assure la compatibilité sur Firefox 4-3.6, Chrome derniere version, Opera derniere version, Safari derniere version, et Internet explorer 8-9.
    J'apprehendre particulierement Internet explorer 8 qui ne connait que peux de selecteur (a la trappe les si pratique :nth-of-type et :nth-of-child). Comment les remplacer? Adapter le fichier HTML en lui rajoutant des identifiant uniquement pour ce navigateur?
    Ou bien y-a-t il un moyen de "crée" ces selecteurs en javascript?
    Merci pour votre experience.

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Soit tu rajoutes des classes ou id pour les anciens navigateurs, soit tu passes par Javascript. Dans le deuxième cas, tu peux t'aider de JQuery (qui facilite la vie) :
    http://api.jquery.com/nth-child-selector/

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    115
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 115
    Par défaut
    Dans le premier cas , çà consiste en quoi?
    Je détecte des la connexion la version du navigateur et envoi soit index_vieux_navigateur.html soit index_normal.html ?
    dans le second cas , je préfère vraiment éviter jquery pour une opération aussi simple , alors que celui ci plomberas mon site avec ses plus de 50ko (et que mon site doit passer sur portable).
    Et dans les deux cas , je suppose que je dois envoyer une feuille de style alternative.

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Non non, pas d'index supplémentaire, juste une surcharge d'attribut dans ton HTML.

    Exemple :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <ul>
       <li>Item 1</li>
       <li>Item 2</li>
       <li class="last">Item 3</li>
    </ul>
    Vu que tu ne peux pas accéder à cet élément uniquement en CSS sur IE6.

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    115
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2010
    Messages : 115
    Par défaut
    ouais, mais du coup , ça sert plus a rien que je me serve de sélecteur super précis si j'ai des attributs dans l'html.
    De surcroît , j'aime pas rajouter un attribut qui n'est pas sémantique. Alors ok pour id="profil" ou id="présentation" mais class="last", çà n'as aucun sens!

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    On n'a pas toujours ce qu'on veut .. Si tu veux tenir compte de ces anciens navigateurs tu n'as juste pas le choix.

Discussions similaires

  1. Test de retro compatibilité 4.5 -> 3.5
    Par mappy dans le forum ASP.NET
    Réponses: 1
    Dernier message: 27/05/2014, 14h18
  2. retro compatibilité SQL Server 2005 / Windows 2008
    Par j6m dans le forum MS SQL Server
    Réponses: 3
    Dernier message: 09/06/2011, 12h04
  3. Requête imbriquée, retro-compatibilité mysql3.23
    Par thegwil dans le forum Requêtes
    Réponses: 5
    Dernier message: 02/07/2006, 23h47
  4. compatibilité des librairies directX8
    Par Freakazoid dans le forum DirectX
    Réponses: 3
    Dernier message: 23/05/2002, 21h33

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo