Contenido

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

6 Feb

aNieto2k hace 6440 días en: CSS, Programacion, Proyectos, usabilidad

+ 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

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

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.

wordpress. themes wordpress.plugins wordpress.hacks Wordpress webkit usabilidad tweet themes Safari prototype plugins plugin PHP optimización Opera navegadores MooTools lightbox jquery.plugin jquery javascript itouch iphone internet explorer imagenes IE8 IE6 HTML5 HTML hack google.chrome google framework flash firefox3 firefox firebug estandares CSS3 CSS canvas ajax Accesibilidad 2.7 2.6