El Internet Explorer 6 fue lanzado al mercado el 27 de Agosto del año 2001, y en mi opinión fue un bello paquete de problemas desde el inicio. Después de un año del lanzamiento, Microsoft declaró de forma silenciosa que el IE6  no generaría suficiente dinero para continuar apoyándolo.

El resultado fueron numerosos problemas de seguridad, pulgas en el navegador  y una migraña permanente para los programadores. Seis años más tarde, Internet Explorer 6 continúa siendo una piedra en el zapato para los programadores y diseñadores. Esto ha tenido como resultado una manifestación solicitando que el IE6 debe morir, a continuación las razones por las cuales ya debe pasar a mejor vida:

Soporte de Transparencias en PNG

En algunas ocasiones los PNG pueden ser más grandes que un GIF y un JPG, pero también son generalmente más limpios y con gráficos más nítidos. Internet Explorer 6 no soporta transparencias en imágenes PNG, en lugar muestra un feo reemplazo de la transparencia de color gris. Firefox, IE7, Opera, y Safari soportan las transparencias, pero es evidente que IE6 nunca lo hará lo cual significa un paso atrás ya que no permite el uso de PNG en las páginas web.

Nota: Estoy al tanto del parche “.htc” y de arreglos en CSS, pero considero que no es una solución lo suficientemente buena.

CSS Float + Margin/ Problemas de Padding

Internet Explorer 6 agrega el doble de margen o padding en los DIVs que flotan en la misma dirección ya que margin/padding. La solución más sencilla al problema es usando el CSS “display:inline;”atributte:value en el DIV, pero en definitiva unos de los problemas más molestos creados por  Explorer 6.

Soporte para CSS  – Pseudo-Class & Pseudo-Element

Pseudo-classes y los pseudo-elements son claramente importantes para mejorar el control del diseño de una página web.  Los Pseudo Elements le permiten controlar la primera línea, letra, y contenido antes de un elemento. Las Pseudo-classes permiten seleccionar elementos en estados específicos (hover, visitados, etc)  El CSS ofrece el hover/visitado en los anchors pero no en otros elementos.

Soporte de  Min-Height CSS

Min-height es un atributo de CSS que en ocasiones es utilizado en los proyectos web.  Muchos de los diseños web requieren de capas de imágenes de fondo y de DIVs para verse bien.  Min-height es un atributo valioso por que permite establecer el mínimo necesario de altura de los DIVs de contenido de forma que las imágenes del encabezado y pie de página no queden muy pegados con el fondo del área de contenido. Es posible solucionarlo con el Cross Browser CSS Min-Height pero lo ideal sería evitar arreglos específicos por navegador.

CSS Anchor Background Image Flicker

Inicialmente el CSS me pareció muy atractivo por que se pueden cambiar imágenes de fondo usando el efecto de CSS:hover en vez del doloroso atributo de javascript “onmouseover”.  El problema de usar el a:hover y las imágenes de fondo es que el Internet Explorer 6 produce un molesto parpadeo en el cambio del estado es descanso y el estado del hover. El Javascript ofrece una directriz para resolver el problema, pero en mi parecer la meta era usar CSS para evitar el uso de javascript.

Choque con el Código

Estos son algunos de los problemas que se me hacen molestos del Internet Explorer 6.  La intención de este post no es decir cosas que la mayoría de mi audiencia ya sabe, y en especial sabe solucionar quizás hasta de formas más sencillas que yo.  Este articulo es solo un grano de arena a la manifestación para ayudar a la web continuar, hay millones de personas que aun se apegan a IE6 lo cual implica tiempo valioso de programadores arreglando pulgas causadas por el explorador y de la mano obstaculiza llevar las páginas web al siguiente nivel.

Tagged as: ie6, internet explorer 6, internet explorer 6 muerte, microsoft ie6, muerte de ie6