Strict Standards: Only variables should be passed by reference in /home/foxyloun/www/abel/config/ecran_securite.php on line 225
CSS : "position : fixed" avec IE6 - Abel Poucet web design

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

  • Le 1er juillet 2008 à 16:17, par Marin En réponse à : CSS : "position : fixed" avec IE6

    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...


    Warning: Illegal string offset 'statut' in /home/foxyloun/www/abel/ecrire/public/assembler.php(607) : eval()'d code on line 31
© 2014 - Abel Poucet web design