Blog

CSS : "position : fixed" avec IE6

Tags :

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.

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);
}

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

P.-S.

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 commentaires

© 2014 - Abel Poucet web design