Bonjour,
J'ai un problème avec une bête définition CSS : .item désigne les différends items du menu de mon site, mis en place par un script de 15-20 fonctions. #contenu est un simple tableau dont leur la largeur est déterminée par Javascript. Voici les css correspondants :
#contenu{
color: white;
background-color: #000033;
opacity: 0.7;
filter: alpha(opacity=70);
border-color: silver;
border-width: 2;
border-style: outset;
position: relative;
left: 220;
z-index: 1;
}
#contenu th{
position: relative;
border-width: 0;
z-index: 1;
}
#contenu td{
position: relative;
background-color: #003333;
border-color: silver;
border-width: 2;
border-style: outset;
z-index: 1;
}
.item {
color: white;
position: relative;
overflow: hidden;
border-color: silver;
border-width: 2;
border-style: outset;
background-color: #000033;
opacity: 0.7;
filter: alpha(opacity=70);
padding: 5px;
cursor: pointer;
font-family: Old English;
font-size: 24px;
z-index: 2;
}
Le problème est que quand je fixe la position de #contenu à reliative ou absolute, ie le place par défaut au dessus de mon menu, et qu'il semble ne pas prendre en compte mes z-index. Le site est
ici, et il s'affiche correctement sour FIrefox mais pas sous Internet Explorer.
En vous remerciant par avance de vos réponses...
Nitruk