Comment ancrer une DIV au bas de la page d'un site Web

Étape 1

Entrez le code de base DIV de base dans votre éditeur HTML. Le code devrait ressembler à ceci:

Insérer le contenu ici.

Ceci est le code de la DIV que vous souhaitez ancrer au bas de la page HTML.

Étape 2

Ajoutez une règle CSS à la feuille de style pour le conteneur, l'en-tête et le pied de page de votre page. La feuille de style CSS devrait ressembler à ceci:

.wrap {position: relative; marge: 0 auto; largeur: 960px; }

en-tête, #footer {

largeur: 100%; float: gauche; }

La largeur du conteneur de 960 pixels doit être modifiée pour correspondre aux dimensions de la page que vous créez.

Étape 3

Ajoutez du code supplémentaire pour le CSS qui s'applique uniquement à la DIV que vous souhaitez ancrer au bas de la page. Le code devrait ressembler à ceci:

footer {

position: fixe; en bas: 0; z-index: 999999; }

Ce code ancrera la DIV au bas de la page, indépendamment de ce qui est ajouté ou supprimé de la page.