Position: fixe pour travailler sur IE 6/7/8 et mozilla

Question

Je veux faire la position d'un div fixé en bas à droite d'une page .. (une boîte de discussion) .. comment faire cela à travers un fichier css qui fonctionnera sur tous IE6/7/8 et mozilla .... pour l'instant j'ai

#chatBox { position: fixe; en bas: 0%; right: 1%;} Cela ne fonctionne pas sur IE..et ma contrainte est que je suis juste autorisé à éditer ce fichier CSS (donc je ne peux pas mettre le html en mode strict aussi). Les solutions de contournement que j'ai trouvées sur le Web parlent juste de position w.r.t au dessus de la page pas au fond.

grâce Mohan

Answer 1

Vous pouvez corriger IE avec des expressions CSS. Servir ce qui suit à IE avec conditional comments:

/* smooths out the IE expression scroll - foo doesn't need to exist */ 
body{ 
    background:url(foo) fixed; 
} 

/* fixed scrolling element */ 
#bottom-fixed-element { 
    position: absolute; 
    right: 0; 
    top: expression(
     document.body.scrollTop + document.body.clientHeight - this.clientHeight 
    ); 
} 

Si vous n'êtes pas en mesure de modifier la source d'inclure un commentaire conditionnel, vous pouvez vous déplacer avec hacks CSS, mais pas recommandé:

#bottom-fixed-element { 
    position: fixed; 
    bottom: 0; 
    right: 0; 

    _position: absolute; 
    _top: expression(
     document.body.scrollTop + document.body.clientHeight - this.clientHeight 
    ); 
} 

Modifier

Si vous avez besoin pour soutenir les bizarreries et le mode standard, vous pouvez tester dans l'expression: