.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
 
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Top 5 Contributors of the Month
david stephan

Home >> Forum >> SharePoint >> Post New QuestionBookmark and Share Subscribe to Forum

Sharepoint 2010 Master page sticky footer at the bottom irrespective of the content

Posted By: Aruna     Posted Date: December 28, 2011    Points:5   Category :SharePoint
hi..
i have customised the V4.master page and facing oly issue in the footer. if the content is more, no issues and if the page has less content footer is placed at the end of the content and not at the bottom.
any way to over come it?

i have opted for fixed width master page which aligned to the middle of the page.

this is my footer div i put it after the developerdashboard tag

<div id="footer">
<table style="background-color:black" width="100%" class="s4-notdlg"><tr><td valign="middle">
<table width="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td width="23%"><span class="Socialmediatext">Subscribe to RSS Feeds:</span></td>
<td width="5%"><img src="/images/RSS_feeds.png" width="20" height="20" /></td>
<td width="15%" class="footer_text"><a href="http://www.Lntinfotech.com" target="_blank"></a></td>
<td width="18%" class="footer_text"><a href="http://www.s.com" target="_blank">www.hblogs.com</a></td>
<td width="5%" class="footer_text"><a href="/Pages/FAQ.aspx" target="Blank">FAQ</a></td>
<td width="7%" class="footer_text"><a href="javascript:OpenSiteMap()">Site Map</a></td>
<td width="7%" class="footer_text"><a href="../../Pages/PSFTContact.aspx" target="_blank">Help Desk</a></td>

<td width="27%" class="copyright_text">Copyright © </td>
</tr>
</table>

</td></tr></table>
</div>

CSS:
body{
overflow:visible!important;

background-color: #dbdad0;
margin:0px;

}
form
{
width:1004px;(fixed width)
margin-left:auto;
margin-right:auto;
}
#footer {
clear: both;
height: 30px;
width: 100%;

bottom:0px;
margin-bottom:-30px;


}



}

.wrapper {
min-height: 100%;
height: 100% !important;
margin-bottom:-30px;

/* the bottom margin is the negative value of the footer's height */


}


Responses

No response found. Be the first to respond this post
Post Reply

You must Sign In To post reply
 
 
Find more Forum Questions on C#, ASP.Net, Vb.Net, SQL Server and more Here
Quick Links For Forum Categories:
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  OOPs  SilverlightIISJQuery
JavaScript/VBScriptBiztalkWPFPatten/PracticesWCFOthers
www.DotNetSpark.comUnAnsweredAll

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend