Como conseguir siempre compatibilidad entre navegadores

por Carlos Leopoldo18 de julio de 2008

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

Por: Nely 16 de febrero de 2011
Muchas gracias por la información, voy a probarla!!
Por: cristian_cena 1 de marzo de 2010
Muchas gracias por el artículo, me fué muy útil. Saludos!
Por: Daphne 29 de septiembre de 2009
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
Por: Eduardo 30 de septiembre de 2008
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