Problème de superposition z-index avec IE

Signaler
Messages postés
159
Date d'inscription
dimanche 17 juillet 2011
Statut
Membre
Dernière intervention
28 janvier 2020
-
Messages postés
159
Date d'inscription
dimanche 17 juillet 2011
Statut
Membre
Dernière intervention
28 janvier 2020
-
Bonjour,

J'ai un soucis avec la superposition avec IE7.

Voici mon css :
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
    position:relative;
    zoom:1;
    margin: 0 auto;
    z-index: 100;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items Agit sur l'espacement entre les menus et sur l'espacement du menu par rapport au reste de l'interface ^'^*/   
#nav-container a{   
padding:0px 0px 0px 15px; /*espacement entre les éléments du menu */
margin: 0px 5px 0px 0px;
color: #FFFFFF;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:10px;
text-decoration:none;
font-weight: bold;
background: url(images-menu/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #8bb5ee;
background: url();
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/   
#nav-container div, #nav-container ul{   
padding:10px 0px 10px 0px;
margin:0px 0px 0px 0px;
background: url(images-menu/item-secondary-container-bg.gif);
background-repeat: no-repeat;
background-color: #3662c3;
border-bottom: 1px solid #13306e;
}

/*^'^ Secondary Items ^'^*/   
#nav-container div a, #nav-container ul a{   
padding:0px 50px 3px 6px;
background-color: #FFFFFF;
background: url(images-menu/item-secondary-bg.gif);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:10px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 125px;
}

/*^'^ Secondary Items Hover State ^'^*/   
#nav-container div a:hover, #nav-container ul a:hover{   
background-color: #FFFFFF;
background: url(images-menu/item-secondary-bg.gif);
background-repeat: no-repeat;
color:#00133c;
}

/*^'^ Secondary Item Titles ^'^*/   
#nav-container .item-secondary-title{   
cursor:default;
padding:4px 0px 3px 7px;
color: #8bb5ee;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(../images-menu/item-secondary-title-bg.gif); */
background-repeat: no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/   
#nav-container .divider-horiz{   
border-top-width:1px;
margin:5px 5px;
border-color: #e1e8f7;
}

/*^'^ Vertical Dividers ^'^*/   
#nav-container .divider-vert{   
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}

Y'a t-il des erreurs dans mon CSS ?
Pour infos, il s'agit d'un menu déroulant horizontal.

Merci

3 réponses

Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
33
bonjour,

superposition par rapport à quoi ?
on a le css certes, mais le html associé ? comment on contrôle s'il y a des erreurs ?
et... tu as mis le bon doctype ? ( ça règle quasi tout )
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
par exemple

Cordialement

          Bul [mon Site] [M'écrire]         
Messages postés
159
Date d'inscription
dimanche 17 juillet 2011
Statut
Membre
Dernière intervention
28 janvier 2020

Voilà le code complet de mon menu :



En espérant que ça puisse vous aider.

Merci.
Messages postés
159
Date d'inscription
dimanche 17 juillet 2011
Statut
Membre
Dernière intervention
28 janvier 2020

J'ai mis le code complet, personne peut m'aider ?