AOWS

Just another adrian’s weblog

Centrando en CSS

leave a comment »

Una cuestión que surge cuando se comienza con las hojas de estilo es cómo centrar el contenido. Lograrlo es sencillo; lo primero es “encerrar” el código de la página dentro de un contenedor:

[html]

contenido…

[/html]

En el CSS establecemos la anchura de este contenedor y luego los márgenes para centrarlo:

[css]
#container {
width: 960px;
margin: 0 auto;
}
[/css]

Esta es una solución válida para los navegadores modernos, incluyendo IE6 e IE7. Sin embargo, si queremos maximizar la compatibilidad y que funcione también en el vetusto IE5, debemos añadir un par de líneas más:

[css]
body {
text-align: center;
}

#container {
width: 960px;
margin: 0 auto;
text-align: left;
}
[/css]

Written by adrian

19 septiembre, 2007 a 00:18

Publicado en Posts

Tagged with ,

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: