Comment puis-je faire en sorte que le contenu de "footer" sur une page principale se déplace vers le bas lorsque le contenu principal ne remplit pas une page

Question

J'ai le code suivant pour ma page maîtresse :

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

    Page maîtresse

        Contenu du pied de page

Mon problème est que lorsque le contenu principal ne remplit pas la page, le pied de page n'est pas en bas de la page. Y a-t-il un moyen de forcer le pied de page à rester en bas de la page si le contenu principal ne le pousse pas complètement vers le bas ? Quand le contenu principal est suffisamment "grand", il pousse le pied de page vers le bas avec le contenu et s'affiche en bas lors du défilement, mais pas s'il est trop petit.

Quelqu'un sait comment résoudre ce problème ?

Answer 1

Utilisez le code suivant dans votre css pour la div du footer :

bottom:0px;
position:absolute;

Answer 2

Vérifiez ces questions connexes pour des solutions :

• Comment faire en sorte que le pied de page reste en bas d'une page Web ?
• Impossible de faire fonctionner le pied de page collant en CSS. Qu'est-ce que je fais de mal ?

Je suggérerais la réponse de zigdon.

Answer 3

Bon article & démo ici également concernant le maintien du pied de page en bas

Answer 4

Appliquez une hauteur minimale à la div qui enveloppe votre contenu principal, par exemple style="min-height:400px"