Des moyens de bâton de pied de page en bas d'une page

J'ai suivi le Comment obtenez-vous le pied de page pour rester au bas d'une page Web? post sur stackoverflow...

Mais je ne pouvais pas le faire trop travailler dans un asp.net application web.... Je suis l'aide d'une master page pour toutes les pages...

Comment puis-je faire le pied de coller au fond de la page?

Pour ref:

<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" class="bgpatt">
<tr style="height:25px;">
<td style="width:40%">
</td>
<td  style="width:30%">
</td>
<td style="width:30%;" valign="top">
<div id="headermenu" style="width:300px;"><ul style="width:300px;">
<li><a title="Home" href="#" class="headerhome">Home</a></li>
<li><a title="About Us" href="#" class="aboutus">About Us</a></li>
<li><a title="Contact Us" href="#" class="contactus">Contact Us</a></li>
<li><a title="Feedback" href="#" class="feedback">Feedback</a></li>
<li><a title="Logout" href="#" class="logout">Logout</a></li>     
</ul></div>
</td>
</tr>
<tr style="height:25px;">
<td colspan="3">
</td>
</tr>
<tr style="height:25px;">
<td colspan="3">
</td>
</tr>
</table>
</td>
</tr>
<tr valign="top">
<td>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0">
<tr style="height:5px; background-color:#404040;">
<td colspan="3" valign="top" style="width:100%">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td style="width:45%;">
</td>
<td style="width:45%;">
<div id="header" style="width:300px;"><ul id="mainMenu" runat="server">
<li id="mainHome" runat="server"><a href="#" title="Home" class="home"><span></span>Home</a></li>
<li id="mainManage" runat="server"><a href="Users.aspx" title="Manage" class="manage"><span></span>Manage</a></li>
<li id="mainEnquiry" runat="server"><a href="account.aspx" title="Enquiry" class="enquiry"><span></span>Enquiry</a></li>
<li id="mainReport" runat="server"><a href="EnquiryReport.aspx" title="Report" class="report"><span></span>Report</a></li>  
</ul>       
</div>
</td>
<td style="width:10%;">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%">
<tr valign="top">
<td style="width:1px;"><div style="width:1px; height:450px;"></div></td>
<td style="width:95%">
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</td>
<td style="width:5%">
<asp:ContentPlaceHolder id="ContentPlaceHolder2" runat="server">
</asp:ContentPlaceHolder>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div class="wrapper"></div>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" width="100%" style="height:25px;">
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="height:35px; top:10px;" class="footer">
<tr>
<td style="width:100%;" align="center">
<a href="#" class="footer">Home </a>|
<a href="#" class="footer">About us </a>|
<a href="#" class="footer">Contact us </a>|
<a href="#" class="footer">Feedback </a>
</td> 
</tr>
<tr>
<td style="width:100%;" align="center" class="footer_text">
Copy Rights Xavytechnologies
</td>      
</tr>
</table>
</td>
</tr>
</table>

OriginalL'auteur Chendur Pandian | 2010-03-01

  1. 2

    Je suis vous recommandons également une div de la structure à l'aide flottante.

    Balisage:

    <div class="bodyWrap">
<div class="header">
<!-- Insert content here -->
</div>
<div class="content">
<!-- Insert content here -->
</div>
<div class="footer">
<!-- Insert content here -->
</div>
<div style="clear:both"></div>
</div>

    Css:

    .bodyWrap
{
width: 500px;
}
.header, .content, .footer
{
width: 100%;
float:left;
}

    OriginalL'auteur citronas

  2. 5

    Je suggère d'utiliser un div comme

    <div id="Footer"> content </div>

    puis dans votre css mettre cette

    #Footer
{
position: absolute;
bottom: 0px;
height: 3px;
background-color: #666;
color: #eee;
}

    ou vous pouvez utiliser AjaxControlToolkit bibliothèque

    J'ai Aussi fortement vous recommander de modifier votre mise en page de la Table à la div

    je ll regarder.. Merci pour votre suggestion...
    je l'ai peu utilisé et .. fonctionne comme un charme ! Merci beaucoup!!!! nous vous aimons .. 😉

    OriginalL'auteur Nasser Hadjloo

  3. 0

    J'ai aimé au-dessous de mieux. Il ne fonctionne qu'avec un id et non pas à une classe. 

    <div id="Footer"> content </div>    
#Footer {
position: fixed;
bottom: 0px;
}

    OriginalL'auteur user2330678