Probleme sur un menu horizontal ...

Bonjour à tous,

Je débute en css et je créé en se moment un site pour mon entreprise, j'ai utilisé votre tutoriel sur les menu horizontal.
J'ai un petit problème le menu fonctionne mais ne passe pas par dessus le reste des div.

/* CSS Document */

body {
background-image:url(bg.png);
background-repeat:repeat;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: small;
margin: 0;
}
#conteneur
{
width: 945px ;
margin: 0 auto ;
text-align: center ;
border: 2px solid #575757;
}
#en-tete{
margin: 0px 0px;
text-align: center;
visibility: visible;
position: relative;
height: 155px;
background: url(header.jpg) no-repeat left top;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {

position: relative;
float:left;
top: 0;
left: 0;
z-index:100;
width: 945px;
background-color:white;

}
#menu dl {
float: left;
width: 7em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#bd_gauche
{
float:left;
position: relative;
z-index: 1;
border: 2px solid #575757;
width: 100px;
height: 200px;
background-color:#F89D00;
}
#milieu
{
position:relative;
float:left;
z-index: 1;
color: #6b6c5a;
background: white;
text-align: center;
margin: 0px auto;
color:#818483;
width: 737px;
height: auto;
}
#bd_droite
{
float:left;
position: relative;
z-index: 1;
border: 2px solid #575757;
width: 100px;
height: 200px;
background-color:#F89D00;
}

#information
{
position: relative;
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #F89D00;
background-color:#FFFFFF;
color:red;
height:16px;
clear: left;
}

C'est bien le paramètre z-index pour l'affichage au premier ou second plan? non?

Merci d'avance pour votre aide

guigui69

Salut,

Oui mais le z-index doit utiliser une valeur pour déterminer son ordre d'empilage. Plus la valeur est importante, plus l'élément sera en avant plan.
z-index: 1 sera donc derrière z-index: 2.