[CSS]Seule la 1ere déclarations css prise en compte par IE
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:
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:
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 !
