Eckspresso

Este es un truco muy fácil que me ha dado hoy por usar en la plantilla de este mismo blog. La verdad es que a mi me gustan los blogs con plantillas anchas, que ocupen toda la ventana, para que el espacio para la anotación sea ancho y sea más fácil su lectura.

A la hora de hacer (o editar) una plantilla esto puede ser algo tedioso, porque nunca se sabe qué resolución va a tener el usuario que se mete en tu blog. Si pones una anchura de 900 ó 1000 píxeles, se verá muy bien en aquellos monitores con una resolución de 1024 px de ancho; pero a los que tengan más, se les verá más pequeño y a los que tengas menos, pues tendrán que navegar con la barrita por toda la ventana.

Si en lugar de píxeles como unidad de medida, lo hacemos en tantos por ciento, siempre se ajustará al tanto por ciento de la resolución que tenga cada usuario, adaptándose así a cualquier monitor. Este es un ejemplo corto de como quedaría la hoja de estilos de la plantilla:

#contenido {width:95%;}

#anotacion {width:75%;}

#barra_lateral {width:17%;}

De esta forma no tenemos que preocuparnos con scripts ni cosas raras.

Espero que te sea útil :-)