Comment puis-je faire fonctionner ma position fixe dans IE6?

Question

J'ai essayé ceci:

corps {hauteur: 100%, débordement: auto; corps #cornerImage {position: absolute; fond: 0;}

et ceci:

{ margin:0; padding:0; } 
html, body { 
    height: 100%; 
    overflow:auto; 
} 
body #fixedElement { 
    position:fixed !important; 
    position: absolute; /*ie6 and above*/ 
    bottom: 0; 
} 

Aucune d'entre elles ont travaillé. Il semble que la position que je veux fonctionne, mais le problème est qu'il y a une marge géante qui fait baisser mon contenu. Suis-je sur la bonne voie avec ça? Ou n'est-ce pas la solution que je devrais essayer?

Answer 1

IE6 ne supporte tout simplement pas la position fixe. Cela a été un problème avec lequel de nombreux développeurs Web ont dû vivre. Je l'ai utilisé deux alternatives:

• Mettez la partie de mon contenu scrollable dans une largeur de 100% indépendante/hauteur DIV avec trop-plein: défilement. Puis superposez mon élément "fixed" non-scrollable dans un div séparé avec un z-index plus grand. Faites ce que Yelp fait avec la carte sur la barre latérale et repositionnez l'élément avec Javascript chaque fois que l'utilisateur fait défiler.