viernes, 3 de agosto de 2007

Centrar con CSS una web : en general cualquier elemento de bloque

Para centrar las páginas de nuestra web, podemos hacerlo así de sencillo utilizando DIV y dándole estilo con CSS:

body { text-align:center; }
#principal{ width:70%; margin:0 auto; text-align:left;}

Y el código HTML:

<body>
<div id="principal">
Todo lo que metas aquí queda centrado
</div>
</body>

NOTA: La parte de CSS que afecta al BODY, y la propiedad text-align:left paraa el DIV, sólo son necesarias para que funcione en IE con versión inferior a la 6.

Referencia
Juque : Centrando Elementos de Bloque

No hay comentarios:

Publicar un comentario