Comment puis-je obtenir ‘footer’ contenu sur une page maître pour pousser vers le bas lorsque le contenu principal de ne pas remplir une page

J'ai le code suivant pour ma masterpage:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server" style="position:relative">
    <title>Masterpage</title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="main" runat="server" style="position:relative">
    <div>
        <asp:ContentPlaceHolder id="MainContent" runat="server">
        </asp:ContentPlaceHolder>
    </div>
    </form>
    <br style="clear:both" />
    <form id="footer" style="position:relative">
    <div>
        <center style="font-size:small">Footer content</center>
    </div>    
    </form>
</body>
</html>

Mon problème est que lorsque la MainContent n'est pas de remplir la page le pied de page n'est pas au bas de la page. Est-il un moyen pour forcer le pied de page de rester sur le bas de la page si le contenu principal n'est pas de pousser tout le chemin vers le bas? Lorsque le contenu principal est "grand", il pousse le pied de page en bas avec le contenu et l'affiche sur le bas lorsque le défilement vers le bas, mais pas si elle est de petite taille.

Ce que quelqu'un sait comment résoudre ce problème?

OriginalL'auteur | 2008-11-18

  1. 2

    Utiliser la ligne suivante dans votre css pour le pied de page div:

    bottom:0px;
position:absolute;

    OriginalL'auteur

  3. 1

    Bon article & démo ici également à l'égard de garder le pied de page en bas

    OriginalL'auteur redsquare

  4. 1

    Appliquer un minimum la hauteur de la div d'emballage de votre contenu principal eg style="min-height:400px"

    OriginalL'auteur SiC