Hola a todos, tengo un problema para posicionar unas capas en el IE6 (en el IE7, Firefox, Safari, Opera y hasta el Chrone se ve bien).
Explico mi problema:
Estoy haciendo mi web con capas, de la siguiente manera:
ver esquema...
El problema lo tengo con la posición de la capa #2 dentro de la capa "panel-contenido"
el código HTML del panel-contenido es este:
Código PHP:
<div id="panel-contenido">
<div id="cont-left"> </div>
<div id="cont-center">
<div id="contenido">
<p>Aquí va el contenido...!!!</p>
</div>
</div>
<div id="cont-right"> </div>
</div>
Los estilos son estos:
Código PHP:
#panel-contenido{
position:relative;
width:800px;
min-height:310px;
border:0px solid #ff0000;
text-align:center;
margin:0px;
padding:0px;
}
#cont-left {
position:absolute;
top:0px;
left:0px;
width:10px;
height:310px;
background: url(../img/bg-cont-left.png) no-repeat 0px 0px;
margin:0px;
padding:0px;
}
#cont-center {
position:relative;
top:0px;
left:10px;
width:780px;
background: url(../img/bg-cont-center.png) repeat-x 0px 0px #fff;
margin:0px;
padding:0px;
}
#cont-right {
position:absolute;
top:0px;
left:790px;
width:10px;
height:310px;
background: url(../img/bg-cont-right.png) no-repeat 0px 0px;
margin:0px;
padding:0px;
}
El problema es que en IE6 la capa central (#2) se desplaza 10px respecto al lado derecho de la capa izquierda (#1) y no respecto a la esquina sup-izq del panel-contenido (como creo que debe ser)
Es decir, que en vez de que esté a 10px del lateral izquierdo del panel-contenido, está a 20px.
No puedo poner la capa #2 (central) con position:absolute, por que el "panel-fin" se sube a 310px (min-height) de la esquina sup-izq del panel-central en IE7 y Firefox 3, y a 0px en IE6 (¿en IE6 no funciona el min-height verdad??)
Bueno, espero que alguien me haya entendido lo que he querido decir y me pueda echar una mano, jajajaja
Saludos
Carlos