Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/04/2010, 08:32
lea90
 
Fecha de Ingreso: abril-2010
Mensajes: 5
Antigüedad: 14 años, 1 mes
Puntos: 0
Mi primer consulta. Divs y css

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!!