Un mes más tarde
Después de resolver innumerables problemas y pasado casi un mes desde mi penúltimo post vuelvo de nuevo a ponerme manos a la obra.
Por el camino han quedado la mayor parte de las entradas que habÃa creado, y más de 20 temas de WP que han pasado a mejor vida, pero lo que está intacto - o casi - es el ánimo.
publicado
el 29
del 05
de 2007
en General |
RSS 2.0 |
Responder | Trackback
Centrado el contenido con CSS
Hasta hace poco la mayor parte de mis trabajos se alineaban a la izquierda del navegador, ocupando casi siempre la totalidad del mismo. El caso es que se me ha ocurrido que serÃa buena idea probar a crear un tema que, ocupando 900px, aparezca centrado independientemente de la resolución de la pantalla.
Se trata de un proceso sencillo, aunque debido a las curiosidades de ie6 y versiones anteriores, tendremos que echar mano de un hack para que funcione en todos los navegadores de forma correcta.
Comenzaremos con dicho hack que ira incluido dentro body y con el que centramos todo el contenido de la página:
body{text-align:center;}
Luego procedemos a crear el contenedor con las caracterÃsticas deseadas y dando a los margenes laterales el valor auto. Echamos mano de nuevo de la etiqueta text-align para posicionar el contenido a la izquierda del contenedor que hemos creado
#pagina {width:900px; margin-left:auto; margin-right:auto; text-align:left;}

El resultado será un contenedor perfectamente centrado independientemente de la resolución de la pantalla.
publicado
el 29
del 05
de 2007
en Css |
RSS 2.0 |
Responder | Trackback