Escribiendo CSS correctamente
- Feb
- 07
3 comentarios! 220 palabras - 1 hits
Cuatro reglas que nos libraran de mas de un dolor de cabeza
Tanto Emil Stenström como Roger Johansson han publicado en sus respectivos weblogs un articulo donde dan una serie de consejos para escribir hojas de estilo con la mínima diferenciacion entre navegadores, de los cuales me gustaría comentar los puntos que me parecen mas relevantes.
- Valida, valida, valida: el primer paso para asegurar el éxito es escribir código valido, es decir tanto el html como el css ha de estar escrito correctamente para que los navegadores lo rendericen por igual.
- Utiliza el Doctype correcto: aunque parezca increíble IE6 muestra correctamente el modelo de caja (Box Model) cuando se utiliza el Doctype correcto.
- La primera regla, eliminar formatos: cada navegador aplica un estilo por defecto diferente, con lo que resulta una buena idea declarar un margin:0 y un padding:0 como primera regla.
- Utiliza un navegador de verdad: a la hora de diseñar, es mejor no casarse con ningún navegador, y en la medida de lo posible es un sano consejo utilizar uno que respete los estándares al 100%.
El resto de consejos que se dan en los artículos que menciono, creo que son menos genéricos y mas dependientes del tipo de diseño y diseñador.
Estos cuatro puntos que destaco los vengo respetando desde que comencé a utilizar css y xhtml y creo que siempre me han funcionado bien.
3 comentarios
# Escrito por woofer hace 4 años, 1 mes
Si hay algo que me encanta del diseño web son las hojas de estilo o CSS, y creo que tienes razon en los puntos que destacas, hay algo que a mi me enoja mucho y es el que mis diseños en CSS con IE6 no se ven como se verian en un navegador que respete los estandares, y en algunos casos tengo que usar javascript para remendar esos problemas.
# Escrito por Alex Sancho hace 4 años, 1 mes
Es cierto que IE suele ser un freno a la hora de diseñar con css pero tambien es cierto que existen muchas soluciones que bien utilizadas resuelven casi todos los problemas que tiene este navegador, que ess justo lo que trato de destacar en este post.
# Escrito por claudio andres torres herrera hace 4 años
Mi duda es que manejo plataformac imac y pc, con navegadores en pc explorer fire fox y mac explorer ,safari .Bueno siempre cuando trabajo en pc la visualizacion del navegador explorer los elementos se disparan para todos lados, es diferente a la visualizacion de explorer en mac; que a igual las box se desarman entera la pag, y a que se debe esto.? ¿ a que navegador o plataforma debo hacerle caso? ¿como puedo evitar estos desarmes de pag? muchas gracias a su respuesta att claudio hasta luego