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 :

Pas pareil IE et Firefox!


Sujet :

CSS

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    422
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 422
    Par défaut Pas pareil IE et Firefox!
    hello

    Voila j'ai un probleme de positionnement, je m'explique : sous IE , si je met le css
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    ul#menu li ul {
    display: none;
    clear: both;
    margin-left:16px; /* pr decaller le sous menu par rapport aux gros titre --> ok pr ie 6 et 7*/
    }
    ==> c'est ok!

    Mais pas sous Firefox! Sous firefox, pour faire le même resultat, il faut mettre :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    ul#menu li ul {
    display: none;
    clear: both;
    margin-left:-24px;/*for firefox*/
    }
    Donc ca se passe au niveau du margin-left...

    J'ai essayer de faire un hack de l'underscore, style :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    ul#menu li ul {
    display: none;
    clear: both;
    margin-left:16px; /* pr decaller le sous menu par rapport aux gros titre --> ok pr ie 6 et 7*/
    _margin-left:-24px;/*for firefox*/
    }
    Mais ca ne marche pas...

    Quelqu'un aurai t-il une idée??

    Merci

  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 : 43
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Le hack de l'underscore fonctionne sur Internet Explorer et non sur Firefox.

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    422
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 422
    Par défaut
    Merci de ta reponse.
    Ok mais dans ces cas la, si je fais l'inverse, c'est à dire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    ul#menu li ul {
    display: none;
    clear: both;
    _margin-left:16px;
    margin-left:-24px;
    }
    Et bien ca marche sous firefox mais plus sous IE!

    Que dois-je faire?

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    422
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 422
    Par défaut
    Je viens même de tester ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    ul#menu li ul {
    display: none;
    clear: both;
    margin-left: -24px !important;/*for firefox*/
    margin-left: 16px; /*pr ie 6 et 7*/
    }
    Et bien pareil, ça ne marche que sur firefox et qd je passe a ie, et bien j'ai l'impression qu'il applique margin-left: -24px ?!?

    C'est à n'y rien comprendre! Pouvez-vous éclairer ma lanterne, merci

  5. #5
    Membre éclairé
    Inscrit en
    Avril 2008
    Messages
    43
    Détails du profil
    Informations personnelles :
    Âge : 44

    Informations forums :
    Inscription : Avril 2008
    Messages : 43
    Par défaut
    Salut

    Si tu mets l'underscore, il vaut mieux le mettre après l'autre car si tu fais l'inverse le -24px annulera le 16px ce qui n'est pas le cas dans ce sens là :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    ul#menu li ul {
    display: none;
    clear: both;
     
    margin-left:-24px;
    _margin-left:16px;
    }
    A++

  6. #6
    Membre expérimenté Avatar de romain_ci
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    262
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Octobre 2007
    Messages : 262
    Par défaut
    Il vaut mieu ne rien faire de tt cela... C'est de la bidouille

    au debut du css met ca :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    * {
        padding:0px;
        margin:0px;
    }

  7. #7
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    422
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 422
    Par défaut
    Citation Envoyé par romain_ci Voir le message
    Il vaut mieu ne rien faire de tt cela... C'est de la bidouille

    au debut du css met ca :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    * {
        padding:0px;
        margin:0px;
    }
    Woa trop fort merci ca marche nickel et en plus pas de bidouille thanks a lot!!

  8. #8
    Membre expérimenté Avatar de romain_ci
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    262
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Octobre 2007
    Messages : 262
    Par défaut
    De rien !!
    CSS POWERRRRRRRRRRRRRR

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. le em de firefox n'est pas pareil que les autres ?
    Par clavier12AZQSWX dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 08/04/2010, 13h33
  2. IE ne veut pas charger la page, Firefox oui
    Par benoitB dans le forum APIs Google
    Réponses: 7
    Dernier message: 24/10/2007, 15h16
  3. positionement div pas le même sous firefox et explorer
    Par speedylol dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 10/10/2006, 09h25
  4. Pas d'affichage sous Firefox
    Par bouchette63 dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 27/06/2006, 09h13
  5. [XSL] Pas d'affichage sous firefox
    Par bouchette63 dans le forum XSL/XSLT/XPATH
    Réponses: 4
    Dernier message: 17/05/2006, 14h54

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