¿Cómo tener IE6 y vivir feliz

Miércoles, 26 de noviembre 2008

Yo siempre encuentro algún "mal" cuando se enfrenta a la "compatibilidad entre navegadores. Por otra parte, y todavía tengo que entender la verdadera razón, de todos los navegadores que sé que la mayoría de "desagradable" que siempre permanece: Microsoft Internet Explorer 6! Lamentablemente, el lanzamiento de IE 6 es todavía en circulación y son frecuentes informes de problemas para ver las páginas.
Un desarrollador web debería ser organizada a fin de tener todas las herramientas para el seguimiento y la verificación de su (sudoroso) trabajo en todos los navegadores posibles (y plataformas) están disponibles. Microsoft Internet Explorer, más que otros, hace esta tarea más difícil ya que - ahora - es necesario comprobar sus páginas web tanto con la última versión 8 (todavía en beta) o con las versiones anteriores, como el 6 o 5,5 . Hay varias maneras de reunir a diferentes versiones de Explorer (véase el uso de Microsoft Internet Explorer 6 y 7, a la vez) y, alternativamente, que también son excelentes (aunque un poco 'lentes) los servicios en línea.

imagen

Otra buena opción que funciona bien en Windows Vista, está representado por IETester, una aplicación gratuita y construido por los mismos desarrolladores DebugBar y Companion.JS. IETester, aunque todavía está en beta y algunos fallos de la emboscada, permite rápidamente para comprobar nuestras páginas - al mismo tiempo - tanto en IE5.5, IE6, IE7 y beta de IE8.

CSS Patch

Si por IETester podemos encontrar un defecto en los estilos, esta es una interpretación diferente entre IE6 e IE7 o IE6 y Firefox, por ejemplo, encontró la solución que necesitamos para asegurarse de que IE6 sólo utiliza la nueva definición. Para mí, por ejemplo, sucedió con un margen! Había una clase que establece el margen derecho de 28px y en todos los navegadores, el resultado fue idéntico, salvo con IE6! Por último, para hacer el diseño del mismo, tuve que usar un valor de 8px.
Una forma muy simple y muy fácil de recordar para resolver el problema inmediato es el de "primacía", nuestro estilo de cargar un archivo de diferentes ad hoc sólo si el navegador es - temido - IE6:

CSS:
  1. / ** Archivo ie_override.css ___
  2. * Utilice este archivo para reemplazar un estilo de
  3. * /
  4. margin-left : 8px } div. mystyle (margin-left: 8px)

HTML:
  1. <! - Estilos para todos los navegadores ->
  2. "stylesheet" href = "css/style.css" type = "text/css" > <link "stylesheet" rel = href = "css/style.css" type = "text/css">
  3. <! - Estilos sólo para IE6 ->
  4. <!--[ If lt IE 7]> <link rel="stylesheet" type="text/css" href="css/ie_override.css" /> <[endif] ->

Post relacionados

Fue útil esta información?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Cargando ...

7 Comentarios a "¿Cómo hacer frente a IE6 y vivir felices"

  1. getAvatar 1,0
    27 de noviembre 2008 Francisco:

    Por último, una simple solución sencilla ..
    Felicitaciones a los numerosos artículos técnicos muy interesantes, keep it up!

  2. getAvatar 1,0
    27 de noviembre 2008 Julius:

    Odio IE 6 por no hacer mención de 5, voy a regresar esta herramienta muy útil

  3. getAvatar 1,0
    30 de noviembre 2008 Gioxx del muro »Blog Archive» Lo Mejor de la Semana # 31:

    [...] ¿Cómo resistir a IE6 y vivir felices para [...]

  4. getAvatar 1,0
    09 gen, 2009 simo:

    Para evitar el error de duplicar el margen en IE6, no sólo tiene que añadir display:inline

  5. getAvatar 1,0
    09 gen, 2009 Giovambattista Fazioli:

    @ Simo:

    para evitar el error de duplicar el margen en IE6, no sólo tiene que añadir display:inline

    Sí, de hecho, ver en Internet Explorer 6: La eliminación del error doble del margen. En este puesto, sin embargo, hice un tipo diferente de ejemplo, y para las situaciones más generales, donde, por desgracia, no lo suficiente como para añadir un display:inline : D

  6. getAvatar 1,0
    26 de febrero 2009 Ennio:

    Definitivamente el peor navegador en uso, este pequeño truco que uso con frecuencia y he resuelto mi problema mucho en mi sitio, pero me negué a utilizar y poner un enlace a descargar IE 7, es hora de que la gente se da cuenta de que navegador está erradicada.

  7. getAvatar 1,0

Deja tu comentario

TAG XHTML RESTRICCIONES: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> código de inserción:
 <pre></pre>         // blocco generico [code][/code]       // blocco generico [as][/as]           // Actionscript [css][/css]         // CSS Style Sheet [html][/html]       // HTML [js][/js]           // Javascript [objc][/objc]       // Objective-C [php][/php]         // PHP [sql][/sql]         // SQL