Centrar una página web
RSS TrackbackEste es un problema con el que se encuentran muchos diseñadores web, más aun si se está diseñando en capas (tableless) y no con tablas. La situación tÃpica es una página con todos los contenidos en el centro de la pantalla, dejando tal vez márgenes a ambos lados.
La solución es incluir todo el contenido en una capa contenedora y aplicarle los siguiente atributos de estilo.
#contenedor {
text-align: left;
width: 960px; /* O la que queramos */
margin: 0 auto;
}
y en el BODY:
body {
text-align: center;
}
Compártelo:
Buenas, se le saluda, a la familia Corpas, aunque a dos os vi este fin de semana en el Cadiz – Jerez,…
Si me dejas entrar en esta conversación me gustarÃa preguntaros el porque utilizas el text-align:center ???
Creo que con la capa contenedor con una propiedad que sea margin:auto; ya vale… (Vamos, creo yo)
Saludos!!
Fernando Muñoz (TitoFer) en 5 Nov 07 a las 08:27
Buenas Fernando…
¿Estás seguro que se centra en Internet Explorer si le quitas esa reglas del body? Pruébalo.
Ten en cuenta que cuando diseñamos las CSS deben ser cross-browser, y esta regla es una de ellas.
Un saludo.
xeito en 5 Nov 07 a las 09:58