Contenido

Truco para centrar nuestra página en (casi) todos los navegadores

6 feb

+ 15

El truco es más bien tonto, pero yo no lo conocía hasta que un compañero del trabajo (JuanPe el rei!!) me lo ha comentado.

La idea es la siguiente.

Creamos un div que englobará a todos los elementos de la página y le damos un tamaño, hasta aqui todo bien, pero ahora viene la mágia.
En el CSS debemos darle las siguiente propiedades al body y al contenedor.

 body{text-align:center}

#cont{width:790px;margin-left:auto;margin-right:auto;text-align:left}}

Siendo #cont el contenedor de todo y pones el text-align:left para que el contendor no herede el text-align:center del body.

Espero que le sirva a alguien como me ha servido a mi.

Actualizo
Gracias a Ruben Lozano, por aclarar el mal entendido que puede dar a lugar con este título. La solución la podido probar en IE 6,7, firefox y el SafariTest.

CSS, navegadores, estandarizacion, XHTML

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.