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í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.