Redimensionar y centrar

denbossa · #1 (**permalink**) 21/04/2005, 17:45

He diseñado una página con capas y necesito poder centrarlas de manera que cuando una persona entre con resolución de pantalla a 800x600 la vea centrada pero también el resto de personas con otras resoluciones disntintas. No se que etiqueta usar o si debo empezar de nuevo de una manera más sencilla. He oído hablar de diseñar todo desde el principio con una "capa padre" y luego centrar esa capa o si no diseñar la página de "manera líquida"

Gracias de antemano

xp64 · #2 (**permalink**) 21/04/2005, 21:58

asi empiezo yo siempre mis paginas

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style>

#principal{
	position : relative ;
	margin : auto ;
	width : 770px ;
}
</style>
</head>
<body>

<div id="principal">


</div>

</body>
</html>

el doctype es importante, sin el no funciona en explorer y otros atributos suelen variar entre navegadores

la capa principal siempre va a quedar centrada, dentro ya puedes poner lo que quieras, el ancho(width) lo eliges a tu gusto

denbossa · #3 (**permalink**) 22/04/2005, 09:21

mil gracias, me has resuelto un problemón con una respuesta muy eficaz

Indesigned · #4 (**permalink**) 25/04/2005, 04:54

Yo para centrar las capas suelo crear una que englobe todo el template, quedaría así:

Código HTML:

#Body {
    text-align:center; /* Esto haría ecntrarse la capa */
    background-position: center;
    margin:auto;
    position:relative;
}

#tabla-principal {
   text-align:left; /* Esta capa sería la contenedora de toooooda la web, y el align left haría que el texto se alinease como lo teníamos antes de centrarla, la web quedaría centrada y el texto alineado */
}

Así lo hago yo y funciona...