Yo siempre encuentro algún "mal" al abordar el tema "la compatibilidad entre navegadores." Además, y aún no he de entender que la verdadera razón, de todos los navegadores que más saben "molesto" lo sigue siendo: Microsoft Internet Explorer 6! Desafortunadamente, el lanzamiento de IE 6 se encuentra todavía en circulación y hay frecuentes informes de problemas al visualizar las páginas.
Un desarrollador web debe organizarse con el fin de tener todas las herramientas para controlar y comprobar su (sudor) funcionan en todos los navegadores posibles (y plataformas) disponibles. Microsoft Internet Explorer, más que otros, hace que esta tarea más difícil, porque - ahora - que deben revisar sus páginas web tanto con la última versión 8 (aún en beta) y con las versiones anteriores, tales como 6 o 5.5 . Hay varias maneras de vivir con las diferentes versiones de Internet Explorer (ver Uso de Microsoft Internet Explorer 6 y 7 al mismo tiempo ) como una alternativa y también hay una excelente (aunque un poco "lento) los servicios en línea .
Otra buena opción, que funciona bien en Windows Vista, está representado por IETester , una aplicación gratuita y construido por los desarrolladores de DebugBar y Companion.JS . IETester , a pesar de que aún está en beta y al acecho algunos fallos, permite comprobar rápidamente si nuestras páginas - simultáneamente - tanto en IE5.5, beta IE6, IE7 e IE8.
CSS Parche
Si por IETester podemos encontrar una falla en los estilos, que se interpreta de manera diferente entre IE6 e IE7, IE6 y Firefox, o, por ejemplo, la solución debe ser encontrado para que IE6 sólo utiliza la nueva definición. Yo, por ejemplo, pasó con un margen! Había una clase que establece el margen derecho de 28px, y en todos los navegadores, el resultado fue idéntico, excepto con IE6! Sobre este último, para hacer el mismo diseño, tuve que usar un valor de 8px.
Una forma muy simple, muy fácil de recordar y de resolver el problema inmediato, es de "anular" el camino por la carga de un archivo diferente ad hoc sólo si el navegador es - temido - IE6:
1 2 3 4 | / ** Ie_override.css Archivo ___ * Utilice este archivo para reemplazar un estilo de * / margin-left : 8px } . mystyle div {margin-left: 8px} |
1 2 3 4 | <- Estilos para todos los navegadores -> "stylesheet" href = "css/style.css" type = "text/css" > < enlace rel = "stylesheet" href = "css / style.css" type = "text / css"> <- Estilos sólo para IE6 -> <!--[ If lt IE 7]> <link rel="stylesheet" type="text/css" href="css/ie_override.css" /> <[endif] -> |
Finalmente, una solución muy simple ..
Felicitaciones a los muchos artículos técnicos muy interesantes, sigue así!
Odio IE 6 a 5 no me menciona en una buena posición de esta herramienta
[...] Como IE6 soportar y vivir felices [...]
Para evitar el error de duplicar los márgenes en IE6, no sólo tiene que añadir
display:inline?@ Simo:
Sí, de hecho, ver Internet Explorer 6: eliminar el error del margen doble . En este post, sin embargo, yo era un tipo diferente de ejemplo, y para situaciones más generales donde, por desgracia, no basta con añadir un
display:inline.Sin duda el peor navegador en todo, este pequeño truco que se utiliza a menudo y he resuelto muchos problemas, en mi sitio, pero me negué a utilizar y poner un link para descargar IE 7, es el momento para que la gente darse cuenta de que Este navegador ha sido erradicada.
Ennio @: Estoy de acuerdo ...