Comment forcer un pied de page à rester en arrière-plan à l'aide de CSS

Les pieds de page qui apparaissent au bas des pages contiennent généralement des liens vers des sections importantes d’une page Web.

Étape 1

Ouvrez n'importe quel document HTML à l'aide du cahier ou de votre éditeur HTML.

Étape 2

Ajoutez l'élément div suivant à la section "body" de la page:

Ce texte va dans le pied de page

Cette div contient un exemple de texte de pied de page et une référence à une classe CSS appelée "bottom".

Étape 3

Collez le code indiqué ci-dessous dans la section "tête" du document:

.bottom {position: absolute; text-align: center; largeur: 100%; en bas: 0px; largeur: 100%; }

Cette classe CSS, référencée par le div, force le div à flotter en arrière-plan de la page Web. La propriété bottom, définie sur "0px" dans cet exemple, conserve la div en arrière-plan.

Étape 4

Enregistrez votre document et observez-le dans votre navigateur pour vous assurer que le pied de page apparaît au bas de votre page Web.