aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Si aún eres de los que cree que IE es la última (la que sea) maravilla del mundo y que sin él Internet no sería lo mismo. Este artículo nos muestra que estas equivocado y que sabes menos de IE de lo que crees.

Usando un simple rollover, puedes hacer que tu navegador (IE) casque pero de lo lindo. Probado en un IE 6 (el 7 parece que corrige este problema).

CSS

#tooltip {
                font-size: 1em;
                float: left;
                display: inline;
            }
            #tooltip A:hover {
                float: left;
                display: inline;
                background-color: #dbe4f2;
                text-decoration: none;
                font-size: 1em;
            }
            #tooltip .toolbox A:hover span {
                display: block! important;
                font-size: 1.2em;
                background: white;
                border: black 1px solid;
                color: black;
                position: absolute;
                padding: 5px;
                min-width: 100px;
                text-decoration: none;
            }

HTML

<div id="tooltip"> 
  
 <p class="toolbox"> 
  
 <a style="position: relative; font-size: 1.2em;" href="#">Rollover your mouse here. 
  
 <span style="display: none; left: 60px; top: 5px">You just crashed Internet 3xpl0r3r.</a> 
  
 </p> 
  
 <br />Tested against Internet Explorer 6.0.2800.1106. SP1 / Q823353 / Q333989 
  
</div> 
  
 

RESULTADO (CUIDADO QUE TE PETARÁ EL IE 6)

Encontrando el fallo 

Bueno, he estado mirando a ver si encontraba el fallo que hacía que IE 6.0 se colgara de esa manera y parece que he dado con él. Se simplifica en unas líneas de CSS que hacen que IE se vuelva loco y entre en un overflow, que como resultado da un error y se tenga que cerrar.

CSS

#tooltip A:hover { float: left;}
.toolbox a {position: relative;	}

Es código nos está diciendo que cuando pasemos por encima del enlace (hover) esté se ponga a flotar a la izquierda. Pero la clase .toolbox le está indicando que la a este en relativo con relación al texto. Esto parece hacer que IE, casque y nos dé ese fantástico error.