Hola!
He estado toda la tarde mirando post pero ninguna de las soluciones aportadas me funciona.
Tengo varias capa, y no se porque no me hace ni caso al orden del Zindex, he probado con 1,2,3,4 y con 10, 20,30 y nada de nada.
¿Se les ocurre algo? ¿Se puede hacer un arbol de forma externa, con otro css o algo que funcione mejor?
El problema es el ultimo de todos
BODY {
margin:auto;
padding: auto;
background: #E4E3E3;
font-family: Arial, Helvetica, sans-serif;
}
#centrado {
position: relative;
margin:auto;
top: 0px;
width: 900px;
height: 550px;
background-color: #FFF;
z-index: 1;
}
#sombra {
position: absolute;
top: 0px;
left: -50px;
width: 1000px;
height: 850px;
background-color: #FFF;
background-image: url(../imagenes/pbk.gif);
background-repeat: repeat-y;
z-index: 2;
}
#cabecera {
left: 0px;
position: absolute;
top: 0px;
background-image: url(../imagenes/Fondo.png);
background-repeat: no-repeat;
height: 252px;
width: 900px;
z-index: 3;
}
#cuerpo {
position: absolute;
top: 225px;
left: 165px;
width: 735px;
height: 550px;
background-color: #FFF;
z-index: 4;
}
#listado {
position:absolute;
width:178px;
height:198px;
left: 50px;
top: 252px;
z-index:5;
}
#maintopic {
position: absolute;
left: 186px;
top: 186px;
height: 30px;
overflow: hidden;
z-index: 6;
font-family: Arial;
}
#maintopic a {
display: block;
float: left;
height: 30px;
padding: 0px 10px 0px 10px;
line-height: 30px;
text-decoration: none;
text-transform: uppercase;
font-size: 10px;
letter-spacing : 2px;
color: #666;
}
#maintopic a:hover {
color: #CCC;
background-color: #4D59AB;
font-family: Arial;
background-attachment: fixed;
}
#lateral {
position: absolute;
left: 50px;
top: 450px;
width: 162px;
z-index: 70;
background-repeat: no-repeat;
height: 240px;
background-color: #4D59AB;
}
#inferior {
position: absolute;
left: 50px;
bottom: 0px;
width: 900px;
z-index: 70;
background-image: url(../imagenes/inferior.png);
background-repeat: no-repeat;
height: 240px;
}