Todos nos hemos encontrado con el problema de la diferencia de estilos por defecto que hay entre los distintos navegadores. Sobretodo con “nuestro amigo” IE6. Para evitar minimizar ese problema, podemos establecer una serie de estilos que reseteen la página y la dejen con unos estilos iguales de partida para todos los navegadores.
Con el reseteo de estilos, nos aseguramos un comportamiento parecido en los distintos navegadores. Por supuesto, esto no va a hacer que si maquetamos para el navegador X, se vea todo correcto en el navegador Y. Pero si nos aseguramos que los elementos partan con unos estilos iguales.
Por ejemplo, ¿como se comporta por defecto una lista no numerada tipo “ul” en los distintos navegadores? Pues cada uno hace las cosas a su manera, cambia el bullet, los margenes, el padding, etc. Con el reseteo, podemos dejar la lista “limpia” para aplicar nuestros propios estilos.
Yo uso el de Eric Meyer’s CSS Reset y me va bastante bien.
Si quieres seguir las respuestas de este artículo: subscríbete a las respuestas.
Puedes dejar un comentario, o hacer trackback desde tu propio sitio Web.
alvarobr85
Julio 3rd, 2009. Hora: 9:14
Normalmente muchos de nosotros usamos el típico *{margin:0;padding:0}. Sería un poco adaptarlo dependiendo del tipo de maqueta que nos encontramos. Pero siempre usaremos al menos los estilos básicos para “resetear” los estilos que aplican los distintos navegadores. Por cierto no había visto nunca este:
blockquote, q {
quotes: “” “”;
}
alvarobr85
Julio 3rd, 2009. Hora: 9:48
Bueno también he visto que según una votación en: http://css-tricks.com/poll-results-what-css-reset-do-you-use/
que el de Eric Meyer’s CSS es el más usado, los demás cambian demasiado los estilos y muchos no afectan para nada.
Bruno
Julio 3rd, 2009. Hora: 9:50
Buenas, yo suelo usar alguna de las versiones minimilistas, como dice alvaro85.
Las hojas de reset como la de Eric Meyer’s me parecen demasiado exageradas y resetean algunas cosas que son, en mi opinión, de poca importancia.
Por ejemplo, que un navegador u otro pongan comillas diferentes a las citas, me da un poco igual, mientras las ponga. Eliminarlas en el reset te obliga a ponerlas luego, lo cual me parece inecesario.
Eliminar el outline del focus y la mayoría de elementos también me parece un error, además de que no funciona en IE.
En conclusión, que resetear la mayoría de cosas que molestan realmente se puede hacer con un minimal (estilo *{}) y los bugs con IE6 -sobretodo- tampoco se solucionan con una hoja de estilos más elaborada.
PS: Por cierto que hace poco hablabamos de una hoja de estilos que hace que IE6 se vea por defecto como el resto de navegadores, poniendo esta hoja de estilos en un comentario condicional: http://code.google.com/p/universal-ie6-css/