Forums (Obsolete)

Old Forums

Portal Engine Questions on portal engine and web parts.

Version 5.x > Portal Engine > how do i keep footer at bottom of master page? sticky footer?

View modes:

Member

Aiden - 4/27/2011 2:36:35 PM

how do i keep footer at bottom of master page? sticky footer?

i have tried using
http://www.cssstickyfooter.com/using-sticky-footer-code.html.

<div id="wrap">

<div id="main">

<div id="content">

</div>

<div id="side">

</div>

</div>

</div>

<div id="footer">

</div>

and i used the css they provided. I tested out on an html page, and the footer stays at the bottom and works great. When i try to implement the same code into kentico, it does not seem to stay at the bottom. I'm curious is there a default kentico css that is causing the page not to render like an html page? How can i get the footer to stay at the bottom of a master page. thanks.


Kentico Developer	kentico_helenag - 5/2/2011 8:30:26 AM RE:how do i keep footer at bottom of master page? sticky footer? Hello, What code do you use for testing? I was not able to make it work neither outside Kentico. Have you used the variant for ASP.NET? (html, body, form, #wrap {height: 100%;}) Best regards, Helena Grulichova

Member

Kristina - 6/23/2011 12:53:51 PM

RE:how do i keep footer at bottom of master page? sticky footer?

I just had this issue where it would not stick to the bottom in the cms so I added "form" to the following code:

html, body, form {height: 100%;}



* {
	padding: 0;
	margin: 0;
}


html, body, form {height: 100%;}  /* ----- ADDED "form" HERE ----- */

#wrap {min-height: 100%;}

#main {overflow:auto;

	padding-bottom: 220px;} 

#footer {position: relative;
	margin-top: -220px; 
	height: 220px;
	clear:both;} 


/*Opera Fix*/

body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}

This is using http://www.cssstickyfooter.com method.

----

Kristina

Top