4 replies to this topic

[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;
}

Attached Files

•  untitled.JPG   53.15K   12 downloads

[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;

}

[SocialCloud]

Try

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

Edited by SocialCloud, 20 December 2012 - 11:05 AM.

[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.