Discussion :

[psychomatt]

Bonjour,

Il m'arrive un drole de truc sous IE et j'ai beau me casser le crane dans tous les sens, je ne comprend pas trop ce qu'il se passe.

Ce code me permet d'afficher des onglets de différentes couleurs en changeant simplement class="lieux" sur les div onglet & onglet_ssmnu.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div id="content">
			<div id="onglet" class="lieux">
				<ul>
					<li class="here"><a href="#">Menu1</a></li><li><a href="#">Menu2</a></li>
				</ul>
			</div>
			<div id="onglet_ssmnu" class="lieux">
				liste de sous menus
			</div>
...
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
...
div#onglet.lieux { border-bottom:2px solid #690; }
#onglet.lieux ul li		  { background-color:#CDDEA9;border:1px solid #690; }
#onglet.lieux ul li.here  { background-color:#9C3;border-bottom:1px solid #9C3; }
 
#onglet.localiz { border-bottom:2px solid #666; }
#onglet.localiz ul li	  { background-color:#AAA;border:1px solid #666; }
#onglet.localiz ul li.here{ background-color:#999;border-bottom:1px solid #999; }
 
#onglet_ssmnu{height:20px;padding:1px 8px 0 8px;}
#onglet_ssmnu.lieux{ background-image:url(img/bg_lieux.gif); }
#onglet_ssmnu.localiz{ background-image:url(img/bg_localiz.gif); }
...

Firefox, Opera et IE affiche correctement le résulat.
Le problème apparait si je remplace class="lieux" par class="localiz".
Sous Firefox & Opera, pas de problème.
IE, lui ne tiens pas compte de #onglet.localiz & #onglet_ssmnu.localiz

J'ai fait des essai en les remplaçant par
div#onglet.localiz
div#onglet_ssmnu.localiz

rien n'y fait.
en un mot: HELP !

[psychomatt]

Personne n'a de palliatif ?

[fallais]

Ben j'ai testé ton code chez moi avec IE et FF et je vois pas de probleme mais peut etre que je vois pas ce que TU voudrais voir apparaitre en fait ... dsl
Explique nous ce que tu aimerais voir ou fais un screen

[psychomatt]

A la demande d'Elwyn, voici 2 capures sous IE

onglet_lieux.gif (vert) représente l'affichage quand la class lieux est utilisée : tout fonctionne bien ici.

onglet_localiz.gif (gris) c'est ce qu'affiche IE lorsque la class localiz est utilisée: la structure des CSS est la même, ce sont simplement les couleurs qui changent.
Je ne comprend pas ce qu'il fait

[psychomatt]

up.