Probando, probando!! La tipografía a examen

Al hilo de la entrada anterior, recordar que existen herramientas como CSSType v3.0, TypeTester, Font Tester u otras que nos permiten comparar diferentes tipografías, generar código css, etc.
Que no sea por falta de recursos.

etiquetas » ,

100 Freebie CSS Resources

Bajo el título 100 Freebie CSS Resources {softwaredeveloper}.com ha publicado una lista en la que se recogen 100 recursos imprencindibles para todos aquellos que se acerquen por primera vez - o no tanto - a CSS.

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