Hack CSS para posicionar elementos como fixed en IE 5 y 6

Cada vez más sitios utilizan position:fixed para fijar elementos en el navegador aunque se mueva el scroll. El problema es que Internet Explorer 5 y 6 no entienden este posicionamiento.

La solución es un hack para convertir fixed en absolute:

<style type="text/css">
#elemento_fijo {
position: fixed;
top: 100px;
}
* html #elemento_fijo {
position: absolute;
top: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+100+"px" : body.scrollTop+100+"px");
}
</style> <div id="elemento_fijo"> Este div siempre estará a una distancia de 100px de la parte superior de la página </div>

09 de Julio, 2008

Entrada categorizada en: CSS, Diseño, Diseño Web, Utilidades, tutoriales