Comment positionner une div dans le coin inférieur droit du navigateur?
Je suis en train d'essayer de placer mes div avec quelques notes dans le en bas à droite la position de l'écran qui sera affiché tous les temps.
J'ai utilisé le css suivant: la
#foo
{
position: fixed;
bottom: 0;
right: 0;
}
Il fonctionne très bien avec Chrome 3 et Firefox 3.6, mais IE8 suce...
ce qui peut être une solution adaptée pour elle?
- Quel DOCTYPE utilisez-vous? La pensée de S "compatibilité" des modes de
- aucun... qui devrait être utilisé?
- En ce qui concerne votre IE6 commentaire ci-dessous, IE6 ne comprends pas
position:fixed;
. Donc ce que vous faire est d'avoir un wrapper de la div qui aposition:relative;
remplissant tout l'écran, puis la position de la div que vous voulez avecposition:absolute;
. Cependant, si votre site se défile vers le bas, vous devez utiliser les expressions CSS dans IE6 pour garder la div ancrée sur le coin en bas à droite. - thnx pour l'information. quant à IE 6, je les feraient mieux de le laisser seul... 😛 où puis-je fnd que css expression
Vous devez vous connecter pour publier un commentaire.
Cet extrait fonctionne dans IE7 au moins
<!DOCTYPE html>
"?Je n'ai pas IE8 pour un test, mais je suis sûr que cela devrait fonctionner:
et le css:
Cela devrait mettre la .innerdiv dans le coin inférieur droit de l' .l'écran de la classe.
J'espère que cela aide 🙂
Essayez ceci: