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 :

Mauvaise interpretation des z-index par IE


Sujet :

Positionnement en CSS avec z-index

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Juin 2005
    Messages
    110
    Détails du profil
    Informations personnelles :
    Âge : 45

    Informations forums :
    Inscription : Juin 2005
    Messages : 110
    Par défaut Mauvaise interpretation des z-index par IE
    Bonjour,

    j'ai un espace news sur le bord de ma page, quand je clique sur le titre d'une news elle s'affiche dans une fenetre qui se superpose sur ma page. Sur Firefox tout fonctionne bien, sur IE les titres des news sont visibles en transparence. Pourtant leur z-index n'est pas superieur a celui de la pop up qui est de 50, mais ils sont par dessus.

    Voici l'adresse du site www.rayslighting ensuite com.cn (je coupe pour eviter de referencer l'adresse). par efault le site est en chinois, cliquez sur english pour l'afficher en anglais. Ensuite il faut choisir un section du site pour afficher les corporates news (je ne rentre pas plus dans les details lol).

    Il n'y a plus qu'a cliquer un des titres.

    Merci pour votre aide.

    Pour info ce matin mon pb etait aussi sur firefox, depuis j'ai corrige le code, en m'aidant de Firebug, mais pour IE je n'ai pas de solution de ce genre. Je compte donc sur votre experience pour m'aider a avancer.

    Sinon est ce que qq'un pourrait me conseiller un bon firebug like pour IE 6.

    Merci

  2. #2
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Citation Envoyé par cels Voir le message
    Sinon est ce que qq'un pourrait me conseiller un bon firebug like pour IE 6.
    Il y a la web developper toolbar pour IE

    C'est loin du niveau de firebug, mais c'est mieux que rien
    Tu pourras explorer le DOM et éditer les styles des éléments à la volée. Par contre, tu ne peux pas redéfinir les règles css associées à des sélecteurs (comme avec firebug)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  3. #3
    Membre confirmé
    Inscrit en
    Juin 2005
    Messages
    110
    Détails du profil
    Informations personnelles :
    Âge : 45

    Informations forums :
    Inscription : Juin 2005
    Messages : 110
    Par défaut
    Bonjour,

    merci pour ta reponse chakal, effectivement ce n'est pas aussi pratique que Firebug. Ca m'a permis quand meme de checker les z-index, enfin comme si j'avais la css sous les yeux, rien a voir avec les modif dynamiques de firebug.

    Mon pb persiste, j'ai lu dans mes recherches que declarer en premier les calcques superieurs pouvait resoudre le pb dans IE. Pour moi ca n'a rien change.

    Merci pour votre aide,

  4. #4
    Nouveau candidat au Club
    Inscrit en
    Janvier 2008
    Messages
    2
    Détails du profil
    Informations personnelles :
    Âge : 43

    Informations forums :
    Inscription : Janvier 2008
    Messages : 2
    Par défaut
    Bonjour,
    J'ai un problème similaire.
    J'ai l'impression que cela vient du fait des div imbriqués :
    <div id="1" style="z-index:10;">
    <div id="11" style="z-index:50;"></div>
    </div>
    <div id="2" style="z-index:10;">
    <div id="21" style="z-index:50;"></div>
    </div>

    le div 11 est bien par dessus le div 1. Par contre, sorti de ce div 1, j'ai l'impression qu'IE considère le z-index du div conteneur (soit 10)... Je sait pas si je suis très clair...

    Enfin, de toute façon, je n'ai pas réussi à le résoudre.
    Je suis donc preneur pour toute piste supplémentaire !

  5. #5
    Nouveau candidat au Club
    Inscrit en
    Janvier 2008
    Messages
    2
    Détails du profil
    Informations personnelles :
    Âge : 43

    Informations forums :
    Inscription : Janvier 2008
    Messages : 2
    Par défaut Solution
    Bonjour,
    Je n'ai pas trouvé la résolution proprement dite, mais un contournement (du moins, pour moi, ça a marché) :
    si tu mets (par exemple) un z-index à 20 sur rays_article1, à 19 sur rays_article2, à 18 sur rays_article3, etc...
    ça devrait résoudre le bug...
    Bon courage !

  6. #6
    Membre confirmé
    Inscrit en
    Juin 2005
    Messages
    110
    Détails du profil
    Informations personnelles :
    Âge : 45

    Informations forums :
    Inscription : Juin 2005
    Messages : 110
    Par défaut
    Salut,

    merci greg pour ta soluce, j'y a cru aussi lol, mais ca marche pas...

    Bon je suis a cours d'idees depuis un moment donc si qq'un en a une le topic reste ouvert pour le moment.

    Merci

Discussions similaires

  1. Réponses: 45
    Dernier message: 22/05/2011, 10h26
  2. Réponses: 0
    Dernier message: 18/10/2010, 13h19
  3. Liste des index par tables
    Par Labienus dans le forum Administration
    Réponses: 3
    Dernier message: 20/07/2010, 12h12
  4. Tableau indexé par des caractères
    Par fanzyride dans le forum Collection et Stream
    Réponses: 2
    Dernier message: 16/05/2008, 11h45
  5. Réponses: 2
    Dernier message: 06/07/2007, 11h41

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