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.

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;}

centrar.gif

El resultado será un contenedor perfectamente centrado independientemente de la resolución de la pantalla.

Círculo Galego