Como conseguir siempre compatibilidad entre navegadores

  1. Siempre usa el DOCTYPE strict y validar los estandares HTML/CSS.
  2. Usa siempre un sistema para resetear tus CSS.
  3. Usa opacity:0.99 en elementos de texto para limpiar el renderizado de Safari.
  4. Nunca redimensiones imagenes desde el CSS o HTML.
  5. Revisa el renderizado de la fuente en todos los navegadores. Nunca uses la tipografía Lucida.
  6. El tamaño del texto debe ser % en el body y em para el resto.
  7. Todos los divs flotantes deben llevar display:inline y overflow:hidden.
  8. Los contenedores deben tener overflow:auto y activa hasLayout usando un width o un height.
  9. No uses ningún estilo CSS3 extravagante.
  10. No uses imagenes PNG transparentes a menos que hayas cargado el apha.

Escríbe un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

4 comentarios en “Como conseguir siempre compatibilidad entre navegadores”

  1. Hola Carlos, gracias por los consejos los estaremos probando a ver si dan resultados pues es un dolor de cabeza la compatibilidad entre los browsers, no mas entre la version IE6 e IE7 cada vez va en picada eso, en FireFox anda bonita la cosa ademas que hay herramientas interesantes para experimentar en vivo con los estilos y el codigo pero bueno dependiendo de a quienes te enfoques siempre es bueno mirar alguna estadistica de como van la cantidad de usuarios de uno y otro browser para no hacer tanto esfuerzo en vano.

    Te dejo este link de las estadisticas segun w3schools.com http://www.w3schools.com/browsers/browsers_stats.asp

  2. Hola:
    Gracias por los tips, ya que siempre es un quebradero de cabeza. Tal como dice Carlos nos solo entre la 6 y 7 de Explorer, sino tambien con la 8.
    El unico punto a favor del 8 es que tambien agrego unas herramientas para desarrolladores, lo cual ayuda un poco mas.
    Saludos