Programación en castellano. Foros de debate. HTML programacion gratis

Privacidad: Recuerde que la información escrita en los foros de programación es 100% pública y que su ip será registrada asociada a su mensaje. Si encuentra un mensaje fuera de lugar, por favor, notifiquelo para su revisión y eliminación.

Enviado por keldornl el día 21 de marzo de 2006

Tengo el siguiente codigo:

<html>
<style>
BODY {
font-family: arial, helvetica, sans-serif;
background-color: #000000;
color: white;
text-align:center;
}

#wrap {
z-index:1;
top: 500px;
margin:0 auto;
width:600;
height:400px;
background-color:black;
padding: 0px 0px 0px 0px;
text-align:left;
border:2px solid #ffffff;
}

#uno {
z-index:2;
position:relative;
left:150;
top:0;
width:450;
height:150;
background-color:green;
}

#dos {
z-index:3;
position:relative;
left:450;
top:0;
width:150;
height:250;
background-color:red;

}

#tres {
z-index:4;
position:relative;
left:0;
top:-400;
width:150;
height:400;
background-color:orange;

}

#cuatro {
z-index:5;
position:relative;
left:150;
top:-650;
width:300;
height:250;
background-color:blue;
}

</style>
<body>
<div id="wrap">
<div id="uno">uno</div>
<div id="dos">dos</div>
<div id="tres">tres</div>
<div id="cuatro">cuatro</div>
</div>
</body>
</html>

Es una capa contenedora con otras 4 capas que forman un rectangulo. Con el firefox se ve perfectamente, pero con el explorer pasa lo siguiente:
-por un lado el tamaño de la capa principal aumenta hacia abajo
-el borde del div principal en la derecha es pisado por las otras capas

Alguien sabe lo que puede estar pasando?

Saludos

Responder