Positionner un bloc au bas de la fenêtre d'écran

Une page peut très bien ne pas avoir un contenu suffisant pour "remplir" un écran. Si l'on désire installer une barre de navigation fixe au bas de la fenêtre et l'aligner parfaitement pour la majorité des navigateurs, il est impossible d'obtenir un résultat satisfaisant. En effet, selon le butineur et même selon sa configuration d'affichage, cette barre pourra être soit trop haut, soit trop bas. Dans ce dernier cas, il faudra faire appel à l'ascenseur pour la rendre visible ... Cela n'est ni esthétique, ni efficace.

Il existe un moyen très simple, grâce aux règles de style, pour obtenir un bon résultat : vous le voyez sur cette page. Il fait appel aux "positions absolues" des calques en terme de pourcentage et donc de façon relative. Une unité de mesure différente ne permettrait pas, et pour cause, de forcer l'affichage du navigateur de votre visiteur. Voici les règles utilisées :

<div style="position:absolute;width:98%;height:98%;overflow:auto">
contenu de la page
<div style="position:absolute;width:400px;height:39px;bottom:0px;right:0px">
bannière, vignette, diapos, bloc de texte, etc ...
</div>
</div>

Activez la bannière située dans le coin inférieur droit de cette page pour la suite !