Abel Poucet Webdesign
Accueil du site > tools > CSS : "position : fixed" avec IE6
CSS : "position : fixed" avec IE6

CSS : "position : fixed" avec IE6

Internet Explorer 6 ne comprend pas la "position : fixed" introduite avec CSS 2 mais on peut le forcer à fixer une div grâce à un petit hack CSS présenté ci-dessous.


Voir en ligne : http://www.ab-d.fr/date/2008-02-11/

Pour forcer IE6 à fixer une div :

On utilise la pseudo propriété expression() propre à Internet Explorer 6 pour recalculer dynamiquement (via JScript) les distances autour de la div. C’est moins fluide qu’avec position : fixed mais ça dépanne bien.

.fixe {
        position: fixed;
        z-index: 100;
}

*html .fixe { /* only ie6 : hack position fixe */
        position: absolute;
        top: expression((document.documentElement.scrollTop || document.body.scrollTop) + this.offsetHeight - this.offsetHeight);
}

Vous trouverez plus de techniques ici : http://forum.alsacreations.com/faq/...

Dont celui-ci qui fonctionne sur IE6 et IE5 : http://tagsoup.com/cookbook/css/fixed/

Vos réactions

Marin, [1er juillet 2008]

hello, plutôt que d’employer le hack ’*html .fixe’, je recommande d’employer un fichier css spécifique appelé via des commentaires conditionnels :)

voir sur : http://www.blog-and-blues.org/artic...

Réagir

(Vous pouvez laisser un message en remplissant les champs ci-dessous)


Votre réaction :

Navigation alternative :

Contact

  • 14 bis, bd de l'Hôpital 75005 Paris
  • 06 81 35 98 00

Navigation / syndication

logo abel                        © Abel Poucet Webdesign - Motorisé par SPIP - Webdesign : Abel Poucet