Estoy empezando un poco con el tema de diseño web y por lo que me pude informar es mejor diseñar desde el codigo y usando divs y css.
La pregunta es basica.. yo tengo mi codigo (no puse todo para no hacerlo tan largo) en el cual cree algunas capas:
<body>
<div id="baner"> </div>
<div id="menu"> </div>
<div id="renglon"> </div>
<div id="contenido"> </div>
<div id="contenido2"> </div>
<div id="pie"> </div>
</body>
y cree una hoja de estilos, la cual la adjunte a mi pagina:
@charset "utf-8";
/* CSS Document */
#baner {
position:absolute;
width:1000px;
height:200px;
}
#menu {
position:absolute;width:200px;height:600px;top:225 px;
}
#renglon {
position:absolute;width:1000;height:25;top:200;
}
#contenido {
position:absolute;width:500px;height:600px;top:225 px;margin-left:200px;
}
#contenido2 {
position:absolute;width:300px;height:600px;top:225 px;margin-left:700;
}
#pie {
position:absolute;width:1000px;height:75px;top:825 px;
Ahora mis 2 problemas..
La capa "contenido2" queda por encima de las capas menu y contenido, como que no se aplica el "margin-left" que le di. Y la capa "renglon" que tendría que quedar debajo del "baner" y me aparece por arriba, como si el "top" de 200 que le di no existiera, no entiendo porque.
Y el otro problema es que nose como centrar todas las capas para que en el futuro, el sitio aparesca en el centro de la pantalla y no todo a la iziquiera.
Aca dejo una imagen de como me queda, si alguien me daria una mano lo agradeceria!!