¿Por que con el explorer se ve mal?
keldornl
21 de Marzo del 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
<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