How to keep the footer at bottom in asp.net master page.?

Question

i want to keep my footer at bottom in every child page.

<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>

<div class="footer">
footer content
</div>

Here you could find a good collection of sticky footers: http://stackoverflow.com/questions/18469262/position-footer-at-bottom-of-page-having-fixed-header — Hashem Qolami, Sep 22 '14 at 11:20

score 4 · Answer 1 · answered Sep 22 '14 at 12:19

4

You just need to add the following CSS to the footer:

position: absolute;
bottom: 0;

answered Sep 22 '14 at 12:19

galdin

12,411
7
56
71

Pawan · Answer 2 · 2014-09-22T11:48:54.000

3

Yau can put ContentPlaceHolder inside a div and set its min-height as per your requirement:

  <div style="min-height:500px;">
   <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
    </asp:ContentPlaceHolder>
  </div>

It will occupy min-height whether there is data on content page or not.

edited Sep 22 '14 at 11:48

answered Sep 22 '14 at 11:35

Pawan

1,704
1
16
37

but this is not my requirement right.? footer should be in bottom of every page – Sesuraj Sep 22 '14 at 11:59
Then you should try some jquery sticky footers as suggested by @Hashem Qolami – Pawan Sep 22 '14 at 12:09
Nice idea.. i was searching such adjustment for master page issue this since 2012 :) – Abhilash Thomas Jun 05 '16 at 12:45

score 0 · Answer 3 · answered Sep 22 '14 at 12:12

html,
body {
margin:0;
padding:0;
height:100%;
}
#wrapper {
min-height:100%;
position:relative;
}
#header {
padding:10px;
background:#5ee;
}
#content {
padding:10px;
padding-bottom:80px; /* Height of the footer element */
}
#footer {
width:100%;
height:80px;
position:absolute;
bottom:0;
left:0;
background:#ee5;
}

How to keep the footer at bottom in asp.net master page.?

3 Answers3