Bas de page qui se ballade
Bonjour à tous zé à toutes,
Dans le cadre d'un site web que je crée actuellement, je place un menu en haut de page et un bas de page en ... bas de page (original non ?).
Dans les deux cas je place le code dans un <div> auquel j'assigne la class "top" pour le menu et "bottom" pour le bas de page.
Code:
1
2
3
4
5
6
7
8
9
| .top {
position:absolute;
top:0px;
}
.bottom {
position:absolute;
bottom:0px;
z-index:2;
} |
Pour le menu, aucun problème. C'est pour le bas de page qu'un soucis se présente...
Lorsqu'on redimensionne la page, le bas de page reste bien en place, à 0px du bas de la page. Par contre, lorsque le contenu de la page dépasse la place disponible à l'écran, il est nécessaire d'utiliser la barre de défilement pour afficher le reste. Et lorsqu'on fait défiler la page, le "bas de page" monte en même même temps que le texte et ne reste pas à 0px comme il est sensé le faire.
La question est donc : comment faire pour qu'il reste en place en toutes circonstances ?
J'espère m'être bien fait comprendre et que vous serez en mesure de m'aider. D'avance un grand merci et très bonne journée à vous.
Thufir Hawat
