Css Reset

Si habeis estado por aquí antes, ya deberíais saber la distinta interpretación que hacen los navegadores de las propiedades css. Además de esto, cuando omitimos una propiedad cada navegador toma las que tiene por defecto, con lo cual el aspecto puede variar de unos a otros.
El lado bueno es que dada la naturaleza del lenguaje css podemos lidiar con estos problemas fácilmente.
Cada vez que modificamos una propiedad, el css la actualiza, sobreescribiendo el valor que le habiamos dado anteriormente, es decir, la última modificación es la que prevalece. Veámos un ejemplo para entenderlo mejor:

1
2
3
4
5
6

body{
margin-left:10%;
margin-right:20%;
 
margin-left: 30px;
}

Según el anterior css, el margen izquierdo toma primeramente como valor el 10% de la página. Pero como después lo volvemos a cambiar el valor que se mostrará en realidad es 30px.

Usando esta versatilidad podemos cargar una serie de propiedades en “blanco” para asegurarnos de que cualquier navegador muestra lo mismo, y después sobreescribir las que necesitemos.

Esto es lo que se conoce como “css Reset”, y en internet se pueden encontrar muchos listos para ser usados.

Uno de mis preferidos es el css reset de MeyerWeb pero hay otros muchos a disposición de cualquiera:

Colección de css reset (en inglés).

Usar esta técnica debería de convertirse en algo habitual cuando programes para la web, porque no cuesta nada y puede ahorrarte muchos quebraderos de cabeza.

Tags: css, gratis, problemas navegadores, reset, solucionar

Miércoles, Mayo 27th, 2009 a las 15:19