Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Internet Explorer 6

Datos de búsqueda

Etiqueta ‘Internet Explorer 6’

Javascript: simular hover en Internet Explorer 6 con Prototype

Fecha de publicación: 2010/07/16

Se trata de un sencillo script que nos permitirá evitar el problema de Internet Explorer 6 con la pseudo-clase :hover. Dicha pseudo-clase se puede aplicar a cualquier elemento, para que al pasar el puntero por encima puedan cambiarse los estilos, pero Internet Explorer 6, en su línea habitual, solo lo acepta en elementos de enlace.

Leer el resto del artículo

Datos del artículo:

Internet Explorer 6 no muestra elementos con posición absoluta

Fecha de publicación: 2010/06/02

Me han pasado un enlace que proporciona una solución a un problema típico de Internet Explorer 6 con el position: absolute: en ocasiones los elementos con ese tipo de posicionamiento no son visibles, y si lo son en el resto de navegadores.

Si la capa con posicionamiento relativo contiene elementos flotados puede surgir el problema descrito. A los elementos posicionados absolutos habría que añadirles un clear:both; en la CSS y asunto solucionado. Si el problema persiste habría que verificar que no sea también un conflicto de z-index.

Y finalmente, el enlace: The IE6 Absolute Positioning Bug (Brett Nooyen – The CSS Asylum, enlace externo, en inglés).

Datos del artículo:

CSS: max-width y min-width en Internet Explorer 6

Fecha de publicación: 2010/05/10

Como ya sabemos, Internet Explorer 6 carece de soporte para determinadas propiedades de CSS.

Pero se pueden emular las propiedades min-width ymax-width, mediante la inclusión de expresiones en la propiedad width.

Leer el resto del artículo

Datos del artículo:

Tablas HTML: desaparece el borde de celda

Fecha de publicación: 2010/02/15

A veces en Internet Explorer 6 ocurre que al meter enlaces dentro de una celda desaparece algún borde de dicha celda.

Parece absurdo, y lo es. Pero una posible solución es comprobar si el contenido de dicha celda cabe en el ancho de la misma. A veces dándole un ancho mayor desaparecerá el problema.

Que aburrida sería la maquetación sin IE6 ¡Larga vida a IE6!

Datos del artículo:

Desactivar Javascript en Internet Explorer 6

Fecha de publicación: 2010/01/14

Desactivar Javascript en IE 6 es sencillo, tan solo hay que seguir los siguientes pasos:

Leer el resto del artículo

Datos del artículo:

Internet Explorer 5.5, 6, 7 y 8 simultaneamente, incluso en Windows Vista/7

Fecha de publicación: 2010/01/02

IE Tester

Las diferentes versiones de Internet Explorer han ido mejorando poco a poco su interpretación de los estándares web. Pero como no todos los usuarios actualizan su Internet Explorer aun quedan muchos de ellos con IE6 e IE7. Y como Microsoft solo permite tener instalada una sola versión de IE se hace complicado hacer pruebas en tres versiones de IE.

Leer el resto del artículo

CSS: altura mínima con min-height, incluso en IE6

Fecha de publicación: 2009/12/21

Cuando queremos utilizar una altura mínima para un elemento debemos emplear la propiedad min-height, que establece una altura mínima para dicho elemento. Pero tiene un pequeño inconveniente: no es compatible con Internet Explorer 6.

Para Internet Explorer 6 se puede utilizar la propiedad height ya que la interpreta de la misma forma que los otros navegadores interpretan min-height (incluidas las versiones posteriores de Internet Explorer).

Leer el resto del artículo

Datos del artículo:

CSS: Minimum height with min-height, even in IE6

Fecha de publicación: 2009/12/21

When we use a minimum height for an element we must use the property min-height , which sets a minimum height for that element. But it has one drawback: it is not compatible with Internet Explorer 6.

For Internet Explorer 6 may use the property height interprets it the same way that other browsers interpret min-height (including later versions of Internet Explorer).

Leer el resto del artículo

Datos del artículo:

Abandonemos de una vez el soporte a IE6

Fecha de publicación: 2009/07/15

Ya hay sitios importantes que dejan de lado navegadores obsoletos, como Youtube.

La maquetación adaptada a IE6 es un quebradero de cabeza y una fuente de gastos. En algunas ocasiones el tiempo dedicado a IE6 en una maquetación puede acercarse al 80%, y las decisiones de incluir determinados elementos en un diseño quedan vinculadas al potencial (decepcionante) de IE6.

Lo de IE6 es el pez que se muerde la cola. Lo soportamos porque hay usuarios, y hay usuarios porque lo soportamos. Yo personalmente insisto en que hay que dejar de soportarlo, dejando una advertencia a los usuarios que lo utilicen para que se actualicen a un navegador mejor.

Pero no se debe dejar de soportar de golpe, al principio debe cuidarse de que el sitio mas o menos se vea bien y que funcione adecuadamente, solo se dejarían los pequeños detalles sin importancia. Posteriormente se podría abandonar el soporte de IE6 por completo. Al ser progresivo se da tiempo a los usuarios habituale del sitio a actualizar y no los perderiamos.

¿Que significaría el fin generalizado del soporte a IE6 en las empresas grandes adictas al IE6? Pues que los usuarios que acceden desde su trabajo con el IE6 verían mal (o no podrían utilizar) muchos sitios que visiten. Probablemente los visitan no por motivos de trabajo, sino como ocio. ¿Y cuando los visitan por razones de trabajo? Pues esa empresa tiene un Problema que debió solucionar allá por finales de 2006 (cuando salió IE7).

Lo patético son las empresas que compran una maquetación y lo que más les preocupa es que se vea bien en IE6, de forma que los peces gordos de la organización la vean perfecta. Lo más importante es que la vean bien los clientes y los potenciales clientes que es de donde la empresa va a sacar beneficios. Y si es para la típica aplicación interna, maquetando solo para IE6 se ahorra dinero, pero, ¿no es mejor maquetar bien y que cuando se cambie de navegador que nadie tenga que ponerse histérico por que la aplicación no funciona?

Creo que los maquetadores no deben dedicarse a resolver bugs de Internet Explorer (ni de ninguna otra aplicación), de eso se debe encargar Microsoft.

Datos del artículo:

CSS: problema de doble margen en IE6

Fecha de publicación: 2009/04/02

Cuando un elemento está flotado dentro de un contenedor y tiene definido un margen, nos podemos encontrar con la desagradable sorpresa de ver como Internet Explorer 6 duplica dicho margen.

Supongamos que tenemos esta regla CSS:

div.capa p.parrafo {float:left; margin-left:10px;}

Internet Explorer 6 sacará un margen de 20px.

Se puede solucionar con un hack CSS, que valida pero es un poco chapuza:

div.capa p.parrafo {float:left; margin-left:10px;}
* html div.capa p.parrafo {margin-left:5px;}

O como dicen en Position is Everything añadir un display:inline; a la regla CSS:

div.capa p.parrafo {display:inline; float:left; margin-left:10px;}

De esta forma el elemento sigue siendo bloque, ya que tiene el float, y sale con el margen definido en Internet Explorer.

Saber más

Datos del artículo:

Información del sitio