Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/10/2004, 04:17
eltransito
 
Fecha de Ingreso: febrero-2004
Ubicación: Madrid
Mensajes: 65
Antigüedad: 14 años, 4 meses
Puntos: 0
Problemas posicionando capas en Mozilla.

Hola, sé que soy muy pesado, estoy aprendiendo mucho en este foro gracias a sus consejos pero aún me queda mucho…sobre todo en lo que respecta a posicionar bloques y hacer estructuras.

Estaba haciendo una estructura, les pongo el código:

Cita:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style type="text/css">
div#centrada{ position:absolute;
top:0;
left:10%;
width:80%;
display: block;
border: 0px;
}
div#cabecera{
vertical-align: top;
width: 100%;
height: 75px;
margin-bottom: 0px;
border: 1px solid;

}
div#bordesuperior{
margin: 0;
width: 100%;
height: 20px;
border: 1px solid;
}
div#content{
margin: 0px;
width: 100%;
height: auto;
border: 1px solid;
display: inline;
}
div#posts{
float: left;
width: 70%;
height: auto;
margin: 0px;
border: 1px solid;
}
div#menu{
float: right;
width: 30%;
height: auto;
border: 1px solid;
}
div#bordeinferior{
margin: 0px;
width: 100%;
height: 20px;
border: 1px solid;
}
div#footer{
margin: 0px;
width: 100%;
height: 20px;
border: 1px solid;
vertical-align: baseline;
}


</style>

<body>
<div id= "centrada">
<div id="cabecera">
<h1>Cabecera.</h1>
</div>
<div id="bordesuperior">
<p>Borde superior></p>
</div>
<div id="content">
<div id="posts">

</div>
<div id="menu">
<p>Menú.</p>
<ul>
<li>uno</li>
<li>dos</li>
<li>tres</li></ul>
</div>
</div>
<div id="bordeinferior">
<p>Borde inferior</p>
</div>
<div id="footer">
<p>Footer.</p>
</div>
</div>
</body>
</html>
El resultado que quería conseguir lo consigo en explorer:


Sin embargo en Mozilla no consigo posicionar bien las capas, se superponen varias:



Seguro que me pueden decir algo y gracias por anticipado.