como crear una capa exterior que contenga todo, este centrada y a 800px?

rogertm · #1 (**permalink**) 20/08/2007, 10:28

hola a toda la familia por aca, ya he buscado pero no encuentro lo que me hace falta, necesito hacer una web que se vea a 800px, es algo sencillo, pero no se como hacer para que me quede centrada, es como si tuviera una tabla a 800px y centrada, pero en este caso no quiero usar tablas, solo css.

me imagino que deba darles las propiedades en el elemento body, pero se me dificulta teniendo en cuanta que a veces las personas accedan con una resolucion mayor a 800px, por eso no puedo usar medidas en %, como lo puedo hacer?

o tengo que crear una capa exterior que lo contenga todo y a esa capa darle las propiedades que me hacen falta? aun que me imagino que la opcion del elemento body es mejor......................., bueno.

saludos y gracias de antemano

Kamarada_Malkav · #2 (**permalink**) 21/08/2007, 04:41

Pues con esta estructura creo que te irá bien:

Esta seria la hoja de estilos:

Código:

body {
	text-align: center;
}
#container {
	width: 800px;
	margin: 0px auto;
	text-align: left;
}

Y esta la estructura:

Código:

<body>
<div id="container"></div>
</body>

Y dentro del container iria el cuerpo de tu página. Si quisieras hacerla más ancha o más estrecha sólo tendrias que modificar el width del container.

Saludos y espero que te ayude.

rogertm · #3 (**permalink**) 21/08/2007, 06:56

OK...! me sirvio amigo, gracias por la ayuda

saludos y suerte