Uno de los mayores causante de dolores de cabeza en el diseño web es IE en general, pero hay uno que es un mostrou de las incompatibilidades y anti-estandares web, apuesto que con esta pequeña introducción acabas de adivinar a quien me refiero. Y no te haz equivocado, sí estamos hablando de IE6 :D.

A pesar de los tiempos de crisis (xD) se estan creando movimientos y/o comunidades como; IE6 Funeral y IE6 No More (de las que conozco) los cuales parten con la misma premisa el exterminio de IE6 de la faz de tierra, puede sonar satánico pero es así, pero no piensen que esto nace solo por rabia y odio contra Microsotf es simplemente que IE6 es un navegador que fue lanzado en el 2001 para su momento fue útil, pero hoy día ya no lo és, tanto que su uso es bastante bajo.

Para los desarrolladores web no es un secreto lo frustante y traumatico que puede ser hacer funcionar un diseño en IE6 tratanto de aplicar sus montones hack para que funcione a medias.

IE6 Funeral en su web tiene:

Apparently even more people want to see IE6′s cold dead body than we imagined. To better accommodate the overwhelming response, we’re changing the venue.

IE6 No More, ha creado unos código utilizando SSI en varios idiomas para detectar IE6 y recomendar su desuso.

Para el idioma español…

<!--[if lt IE 7]>
  <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
    <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Cierra este aviso'/></a></div>
    <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
      <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='¡Aviso!'/></div>
      <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
        <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>Usted está usando un navegador obsoleto.</div>
        <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>Para navegar mejor por este sitio, por favor, actualice su navegador.</div>
      </div>
      <div style='width: 75px; float: left;'><a href='http://www.mozilla-europe.org/es/firefox/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
      <div style='width: 75px; float: left;'><a href='http://www.microsoft.com/downloads/details.aspx?FamilyID=341c2ad5-8c3d-4347-8c03-08cdecd8852b&DisplayLang=es' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
      <div style='width: 73px; float: left;'><a href='http://www.apple.com/es/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
      <div style='float: left;'><a href='http://www.google.com/chrome?hl=es' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
    </div>
  </div>
  <![endif]-->
  • Share/Bookmark