Estos días estoy diseñando una web y me estoy volviendo loco con el CSS. Estoy tratando de adaptarla para que se visualice correctamente tanto en IE7, IE6 y FF en WIN, e incluso Safari y FF para Mac, pero esto es de locos.

Buscando un poco por google he encontrado unos hacks para conseguir parchear esos problemas puntuales que se presentan y son tan puñeteros.

pondremos esto en el html, dentro del body:

<div id="ie6">IE6</div>
<div id="ie">IE 6 y 7<p/div>
<div id="noie">FF, Safari, Opera...</div>

el estilo deberá ser el siguiente:

#ie6 {visibility: hidden; _visibility:visible;}
#ie {visibility: hidden; //visibility:visible;}
#noie {//visibility: hidden;}

De ahí los siguentes hacks:

“/”, “.” o “//” para que sólo los lea IE
“_” para que sea IE6 el que los interprete