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 :

Problème avec IE6 si utilisation de plusieurs classes


Sujet :

CSS

  1. #1
    Membre averti
    Inscrit en
    Janvier 2011
    Messages
    19
    Détails du profil
    Informations forums :
    Inscription : Janvier 2011
    Messages : 19
    Par défaut Problème avec IE6 si utilisation de plusieurs classes
    Bonjour
    Désolé si le titre est pas clair, je voyais pas trop comment résumer le message.

    J'ai une div qui utilise 2 classes :
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <div class="toto tutu">
    Classes toto et tutu
    </div>

    ainsi que d'autres div :
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    <div class="toto">
    Classe toto
    </div>
     
    <div class="tutu">
    Classe tutu
    </div>

    Mon code css :
    Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    .toto {
    	border:1px solid blue;
    }
     
    .tutu {
    	border:1px solid green;
    }
     
    .toto.tutu {
    	border:1px solid red; /* applique une bordure rouge aux elements qui ont les 2 classes toto et tutu */
    }

    Sous firefox, l'affichage est correct, il m'ajoute bien une bordure rouge à ma première div, une bleue à la seconde div et une verte à la dernière. Par contre sous IE6, il m'ajoute la bordure rouge à ma première div ainsi qu'à ma div qui utilise la classe tutu.

    Comment résoudre ce problème? Est ce qu'il y a une autre façon d'écrire mon code css pour que ma bordure rouge s'applique uniquement aux div qui ont à la fois la classe toto et tutu? J'ai l'impression que le problème vient de ça. Merci d'avance

    Ps : Je n'ai pas la possibilité de modifier le code html

    PJ1 : affichage sous firefox
    PJ2 : affichage sous ie6
    Images attachées Images attachées   

Discussions similaires

  1. [HSQLDB] problème avec un SELECT utilisant LIMIT
    Par don_quichotte dans le forum Autres SGBD
    Réponses: 5
    Dernier message: 12/04/2007, 23h08
  2. Réponses: 4
    Dernier message: 15/10/2006, 18h05
  3. problème avec une requete utilisant LIMIT
    Par kow_Ced dans le forum Requêtes
    Réponses: 2
    Dernier message: 11/08/2006, 16h01
  4. Problème avec IE6
    Par pino dans le forum Autres Logiciels
    Réponses: 2
    Dernier message: 10/04/2006, 16h10
  5. [Servlet] Utilisation de plusieurs classes
    Par hedgehog dans le forum Servlets/JSP
    Réponses: 4
    Dernier message: 04/05/2005, 09h43

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