Hack : Position Fixed avec IE6

Pour positionner un bloc de façon fixe, vous me direz qu’il existe la ligne CSS suivante :

[css]
#element {position:fixed;top:0;left:0}
[/css]

Et là encore, problème avec Internet Explorer puisque position:fixed… connais pas !

La solution consiste à utiliser un position:absolute et à calculer notre propriété top.

Calculer ? Comment cà calculer ?

Et oui car une chose que comprend Internet Explorer c’est la ligne suivante :

[css]
#element {position:absolute;left:0;top:expression(documentElement.scrollTop + body.scrollTop)}
[/css]

expression() peut en effet contenir du jscript et donc ici permettre un recalcule automatique à chaque détection de scrool.

Et voila ! Notre bloc #element est maintenant fixé sur notre page web.

Pour éviter un désagrément visuel (un effet saccadé lors du scrool), la ligne suivante est cependant nécessaire :

[css]
background:url(null) fixed;
[/css]

A vous maintenant de mettre ce code spécifique dans une feuille réservée à IE