Footer Below Page

[bunnyali2013]

Well, I have a page which has less content. I want to make my footer at full width which is OK, except, I cannot make it down to the page. Look the screenshot below, I want to place it just below the screen. Currently, it is showing below a div.

 

#footer {
   width:100%;
   background-color:#000000;
}

[Love2c0de]

Can you post your HTML and CSS please? It's hard to help you with only that CSS. It is most likely another element causing it to display there.

 

Regards,

 

AoTB.

[twistedvengeance]

body{
position: relative;
}
.footer{
position: fixed;
bottom: 10px;
}

[MDCode]

Try

body{
position: relative;
}
.footer{
position: fixed;
bottom: 0;
}

Edited December 20, 2012 by SocialCloud

[jardrake]

Maybe you are wanting a sticky footer? http://ryanfait.com/sticky-footer/ The CSS pushes the footer to the bottom of the page even if your content doesn't take the whole page.