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 :

Rendre une classe compatible avec tous les navigateurs


Sujet :

CSS

  1. #1
    Membre régulier Avatar de BXDSPORT
    Homme Profil pro
    Consultant informatique
    Inscrit en
    mars 2002
    Messages
    346
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Mayenne (Pays de la Loire)

    Informations professionnelles :
    Activité : Consultant informatique
    Secteur : High Tech - Matériel informatique

    Informations forums :
    Inscription : mars 2002
    Messages : 346
    Points : 96
    Points
    96
    Par défaut Rendre une classe compatible avec tous les navigateurs
    Bonjour
    J'ai un fichier CSS qui fonctionne très bien sur FIREFOX et INTERNET EXPLORER mais pas sur CHROME, SAFARI...

    Comment le rendre compatible ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    .deplacement{
    	overflow:hidden;
    	animation:marque 20s linear infinite;
    	-webkit-animation:marque 20s linear infinite;
    	-moz-animation:marque 20s linear infinite;
    	-ms-animation:marque 20s linear infinite;
    	-o-animation:marque 20s linear infinite;
    	-webkit-transition: all ease-in-out;
    	-moz-transition: all ease-in-out;
    	-ms-transition: all ease-in-out;
    	-o-transition: all ease-in-out;
    	transition: all ease-in-out;
    	font-size:2em;
    	background-color: #0F9;
    }
     
    @keyframes marque{
    0%{transform:translateX(10%);}
    20%{transform:translateX(20%);}
    40%{transform:translateX(40%);}
    60%{transform:translateX(60%);}
    80%{transform:translateX(80%);}
    100%{transform:translateX(100%);}
    }
    @-webkit-keyframes marque{
    0%{transform:translateX(10%);}
    20%{transform:translateX(20%);}
    40%{transform:translateX(40%);}
    60%{transform:translateX(60%);}
    80%{transform:translateX(80%);}
    100%{transform:translateX(100%);}
    }
    @-moz-keyframes marque{
    0%{transform:translateX(10%);}
    20%{transform:translateX(20%);}
    40%{transform:translateX(40%);}
    60%{transform:translateX(60%);}
    80%{transform:translateX(80%);}
    100%{transform:translateX(100%);}
    }
    @-ms-keyframes marque{
    0%{transform:translateX(10%);}
    20%{transform:translateX(20%);}
    40%{transform:translateX(40%);}
    60%{transform:translateX(60%);}
    80%{transform:translateX(80%);}
    100%{transform:translateX(100%);}
    }
    @-o-keyframes marque{
    0%{transform:translateX(10%);}
    20%{transform:translateX(20%);}
    40%{transform:translateX(40%);}
    60%{transform:translateX(60%);}
    80%{transform:translateX(80%);}
    100%{transform:translateX(100%);}
    }
    Une idée ?
    Cordialement à tous

    Votre savoir devient mon savoir qui deviendra votre savoir, telle est la connaissance qui appartient à tous

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 51
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2008
    Messages : 23 647
    Points : 91 423
    Points
    91 423
    Billets dans le blog
    20
    Par défaut
    Une recherche rapide par exemple ?
    Propriétés de transformation et d'animation.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre régulier Avatar de BXDSPORT
    Homme Profil pro
    Consultant informatique
    Inscrit en
    mars 2002
    Messages
    346
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Mayenne (Pays de la Loire)

    Informations professionnelles :
    Activité : Consultant informatique
    Secteur : High Tech - Matériel informatique

    Informations forums :
    Inscription : mars 2002
    Messages : 346
    Points : 96
    Points
    96
    Par défaut
    Eh oui selon ce lien cela devrait etre compatible ce qui n'est pas le cas.
    J'ai un déplacement pour Internet et Firefox et non pour les autres donner compatible
    Cordialement à tous

    Votre savoir devient mon savoir qui deviendra votre savoir, telle est la connaissance qui appartient à tous

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 51
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2008
    Messages : 23 647
    Points : 91 423
    Points
    91 423
    Billets dans le blog
    20
    Par défaut
    selon ce lien cela devrait etre compatible
    Apparemment, on a pas la même compréhension de certains mots...
    Exemple récapitulatif (indice : il y a un encadré orange).
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. Réponses: 8
    Dernier message: 03/04/2012, 10h26
  2. Réponses: 4
    Dernier message: 08/03/2012, 09h50
  3. Comment afficher une liste sur la même ligne avec tous les navigateurs
    Par Alexandrebox dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 25/07/2010, 04h05
  4. onKeypress avec tous les navigateurs
    Par afrodje dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 11/10/2007, 12h38
  5. Accéder à une BD access avec tous les droits
    Par LordClaymore dans le forum Sécurité
    Réponses: 1
    Dernier message: 02/07/2007, 21h41

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