Problema de visualización en los diferentes navegadores
3 seguidores
Ahora mismo estoy aprendiendo programación web, ando liado con HTML y CSS. El problema que me ha surgido es que no se visualiza de la misma manera en los diferentes navegadores (Mozilla Firefox, Google Chrome e Internet Explorer).
Me gustaría saber si se sigue alguna regla a la hora programar para que en un futuro no haya estos errores de incompatibilidad.
Saludos y gracias de antemano.
kostane
Muchas gracias Guillermo por los consejos, me lo miraré al dedillo e intentaré corregir los problemas que me surgen con la página web que estoy llevando a cabo.
guitobon
Hola Kostane.
Aparte de los consejos que te da (nos da) Victor, yo empezaria por algo mucho mas básico: Un reset CSS y hacer páginas válidas segun el W3C.
http://validator.w3.org
Aunque los navegador son muy sufridos a la hora de interpretar (X)HTML, generalmente si hay errores, los navegadores entran en modo "compatibilidad" o "qirks mode". Esto significa que pintan la página como les viene mejor.
Te dejo un enlaces interesante: http://es.wikipedia.org/wiki/Quirks_Mode
Aqui te dejo uno que explica de una forma muy simple mediante un ejemplo, la principal diferencia que se da en el 99% de los casos:
http://es.wikipedia.org/wiki/Internet_Explorer_box_model_bug
Con solo esto (el reset y codigo HTML valido), si no estas haciendo cosas muy raras, no tienes porque tener diferencias entre navegadores.
kostane
Gracias Víctor, lo probaré a ver que tal va.
victor_moreno
Hola.
Eso se llama cross-browser , hay mucha información sobre ello, pero lo mas común es poner todos los valores a 0 con una hoja de estilos, ya que cada navegador tiene los suyos (reset css) , después están los fallos de cada navegador sobre todo ie6 y ie7 que se solucionarían con hack o creando código css especifico para ese navegador.
Te dejo un enlace con estos consejos y herramientas , etc.
http://www.catswhocode.com/blog/15-techniques-and-tools-for-cross-browser-css-coding