how to set footer at bottom only using master page

Question

0.00/5 (No votes)

See more:

Hi...
We are developing a project using master page.But we dnot know how to set footer at bottom only in any page of master page.
pls help me.thank u.

Posted 2-Jul-13 1:03am

Murali0195

Add a Solution

Comments

jaideepsinh 2-Jul-13 7:06am

you want to set footer at master page or on other page.

[no name] 2-Jul-13 7:10am

In master page only,it is automatically apply to all pages.
its right na?

jaideepsinh 2-Jul-13 8:32am

Yes.

[no name] 2-Jul-13 8:46am

can u tel,is it possible?

farogh haider 2-Jul-13 7:11am

Plaese explian what do you want??(Footer in all pages or only specific page)

[no name] 2-Jul-13 7:16am

Bos,am created one master page,that master page apply to pages.so i needed in all pages,if page content is small also footer is bottom or large also footer at bottom only.

jaideepsinh 2-Jul-13 8:58am

For this you have to set fix div size for small content page.Or set ContentPlaceHolder size fix at master page.

7 solutions

Solution 1

Try this,

<div>
<center style="font-size:small">Footer content</center>
</div>

Use the following in your css for the footer div:

bottom:0px;
position:absolute;

Posted 2-Jul-13 1:15am

farogh haider

Comments

[no name] 2-Jul-13 7:26am

Sorry bos,its not working.

Solution 2

Copyright © 2013 YorcompanyName - Designed by
target="_parent">Name of company who desesigned

Write this code just before:

Posted 2-Jul-13 2:35am

jaideepsinh

Comments

jaideepsinh 2-Jul-13 9:10am

For this you have to set fix div size for small content page.Or set ContentPlaceHolder size fix at master page.

Solution 3

Hi murali
Define the height for header, content place holder and footer in ur master page.Assume if the total height is 500 put the header and footer hieght as 50 and remaining height(400) apply to the content place holder.The table structure is shown below.

C#

<table height="500">
<tr height="50"><td>Header</td></tr>
<tr><td><asp:contentplaceholder ></asp:contentplaceholder></td></tr>
<tr height="50"><td>Footer</td></tr>
</table>

Thanks
Anil

Posted 2-Jul-13 2:55am

Anilkumar2vvv

Updated 2-Jul-13 2:58am

v2

Comments

[no name] 2-Jul-13 9:20am

Thanks Anil,It is better to previous.
+5...

Anilkumar2vvv 2-Jul-13 9:26am

k ur problem is solved or not

[no name] 3-Jul-13 6:52am

In html working,but i dnot how to set in .css. Pls help me anil.

Anilkumar2vvv 3-Jul-13 8:21am

Use below css classes in your css file
.tableHeight
{
height: 500px;
}
.headerHeight
{
height: 50px;
}
.contentHeight
{
height: 400px;
}
.footerHeight
{
height: 50px;
}
Apply classes in html page:
<table class="tableHeight">
<tr class="headerHeight"><td>Header</td></tr>
<tr class="contentHeight"><td><asp:contentplaceholder ></td></tr>
<tr class="footerHeight"><td>Footer</td></tr>
</table>

Solution 4

see nonverbal code of a Master page....

You should code in this manner...

HTML

<header>

</header> part....

<body>

<content placeholder>

Displays other page content here

</content placeholder >
</body> part


<footer> part...

</footer>

in this way your footer div automatically positioned at bottom

Posted 2-Jul-13 2:57am

Nirav Prabtani

Updated 4-Jul-13 1:10am

v3

Solution 6

try this,

XML

<div id="mainContent"style="position:relative;">
       <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
       </asp:ContentPlaceHolder>
   </div>
<br style="clear:both;" />
 <div id="footerContent" style="position:relative;">
     <br/><br/>
     <center style="font-size: small; font-style: italic; font-family: Arial">
         <a target="_new" href="/Disclaimer.html">Security and Privacy Notice</a><br/>
         ...
     </center>
 </div>

Posted 3-Jul-13 22:51pm

Manu V Nath

Solution 7

This answer is relevant if u r in need of css that set your footer at bottom

CSS

position:absolute;
    bottom:0;
    width:100%

Posted 4-Jul-13 0:58am

GyaneshNootan

Comments

Member 10979335 29-Aug-14 18:11pm

Absolutely worthless

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Murali0195 · Accepted Answer · 2013-07-03T19:08:00

Hi...
finally I have find solution to set footer at bottom only on every page like in .css(using master page).

CSS

#content
{
    clear:both;
	  width: 950px;
	  position:relative;
	  min-height:330px;
}
.footer
{
    position:relative;
    height: 5em;
    margin-bottom:-5em;
    /* bottom:3px;
    z-index:05px;
    margin-top:-5em; */
    background-image:url('bg_footer111.gif');
    background-repeat:no-repeat;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color:#FFFFFF;
    left:5px;
    right:-5px;
    width: 982px;

}

thank u.Its woring fine.

how to set footer at bottom only using master page

7 solutions

Solution 5

Solution 1

Solution 2

Solution 3

Solution 4

Solution 6

Solution 7

Add your solution here

Preview 0

Existing Members

...or Join us