CSS IE6 et les multiclasse

Bonjour,

j'ai un petit problème sur IE6 avec les multiclasses.

si j'écris :

<div class="toto titi"></div>

dans mon CSS si j'écris :

div.toto{...}
div.titi{...}
div.toto.titi{...}

IE6 ne prends en compte que div.titi.

est-ce normal ?

Cordialement.
ALCINA

Bonjour,

alcina a écrit :
IE6 ne prends en compte que div.titi.

est-ce normal ?

Non... il faudrait voir le code complet pour se rendre compte.

Bonjour

a écrit :
est-ce normal ?

Oui, c'est normal... pour IE6

Tu trouveras dans cet article une petite analyse sur le sujet...

Employer un id et une class (au lieu de 2 classes) comme expliqué dans l'article ne suffit pas toujours lorsqu'on utilise plusieurs backgrounds. Et encore faut-il qu'utiliser un id soit possible...

Pour une solution appropriée il faudrait un petit bout de code, une page en ligne ou un exemple graphique du résultat souhaité
Modifié par BeliG (25 Jul 2008 - 17:16)

merci belig !

à quand la mort d'IE6 ?

:'(

BeliG a écrit :
Oui, c'est normal... pour IE6

Tu trouveras dans cet article une petite analyse sur le sujet...

Tiens ! Je ne le connaissais pas celui-là !

Si je comprends bien ça ne concerne que la propriété background ? Edit: ah ben non !
Modifié par Heyoan (25 Jul 2008 - 17:19)

Et toute une littérature: multiples class ie6

salut,
comme ce st des classes, considere que c'est toto ou titi:

div.toto{...}

div.titi{...}

ca suffit, titi prendra les valeurs de toto, alors n'utilises titi que pour changer ou ajouter une valeur a toto

Heyoan a écrit :
Si je comprends bien ça ne concerne que la propriété background ?

Même pas

"Internet Explorer 6 ne comprend pas la sélection de classes multiples en CSS : il ne prend en compte que la dernière classe."

Tu peux éventuellement faire:

<élément class="maclasse maclasse-modifiee"> ... </élément>

.maclasse {
	font-weight: bold;
	background: red;
}
.maclasse-modifiee {
	font-weight: normal; /* on annule les styles de .maclasse qui posent problème */
	background: blue;
}

Les deux noms de classe sont tout à fait libre. J'ai choisi un modèle "classe1" et "classe1-suffixe", mais on peut avoir "classe1" et "classe2".

euh
toujours aussi aimable
pas chez moi, je sais avec mon ie6 propriétaire:

.toto
{
font-size:28px;
}

.tata
{
background:red
}

<div class="toto tata">

Prout
</div>

zincou, je n'ai pas bien compris ton message. Je crois que tu n'as pas compris le problème. Ce que tu fais marche parfaitement, c'est à dire qu'IE6 comprend bien les classes multiples sur les éléments HTML.

Ce qui ne fonctionne pas avec IE6, c'est la sélection de classes multiples en CSS, c'est à dire ceci:

.classe1.classe2 {...}

qui sera compris ainsi par IE6:

.classe2 {...}

Le code suivant ne sera donc pas bien appliqué par IE6:

.red {color: red;}
.blue {color: blue;}
.red.blue {color: purple;}

De même, le sélecteur .classe1.classe2.classe3.classe4.classe5 sera compris comme .classe5 par IE6.

oui oui,
désolé pour la private joke j'avais bien compris le sujet mais restais contemporain . Ceci dit avec les surcharges je pense que l'on peut absolument tout faire ....
On ne m'y reprendra plus. Promess

Bonsoir à tous,

J'ai déjà rencontré ce problème, avec IE6 ne gère pas les sélections de classes multiples.

CSS : .maclasse1 .maclasse2 {}

Comme au niveau du HTML, class="maclasse1 maclasse2", ne posent aucun problème. Ca reste bien pratique, appliquer à un éléments des styles complémentaires. Je les utilisent de cette manière généralement.

<span class="italic gras">Mon texte</span>

.italic
{
font-style : italic;
}

.gras
{
font-weight : bold;
}

Dans l'exemple, j'obtiendrais un texte gras en italic