Position fixed sur Internet Explorer 6

Astuce par (Intégrateur du Dimanche, Strasbourg)
Créé le , mis à jour le (38344 lectures)
Tags : css, position, fixed, positionnement

Internet Explorer 6 ne reconnaît pas la valeur "fixed" appliquée à la propriété "position". Il faut donc passer par des bidouilles pour réaliser ses objectifs, par exemple avec JavaScript :

Modèles de mise en page avec parties fixes : Fixed positioning. Dans certains cas, il vaut mieux se contenter d'une dégradation gracieuse dont on peut prévoir les effets, que d'une bidouille dont les effets (en particulier son impact sur les différents navigateurs) ne sont pas maîtrisés.

On peut, à l'aide d'une feuille de style réservée à Internet Explorer 6 et inférieurs via des commentaires conditionnels, adresser à IE6 une position absolue au lieu d'une position fixe.

Enfin, rappelons que position:fixed; est implémenté par Internet Explorer 7+ et tous les autres navigateurs modernes mais est ignoré par certains navigateurs mobiles tels que Safari Mobile sur iOS (iPhone, iPod, iPad...).