CSS Footer with an overflow scrollbar

Question

I suppose the easiest way to show this would simply be to give a link to the website where it needs to be added.

I NEED a simple footer that is always stuck at the bottom of the page, no matter how much content is placed within the main CONTENT and SIDEBAR divs.

I've tried using the sticky footer, and a few other methods. Such as putting it at the bottom of the page with bottom 0, etc.. But, with my setup it never seems to work. If you need anymore information feel free to ask.

Answer 1

change the css of your site to this one...this may help you...

#Wrapper {
    color: #FFFFFF;
    min-height: 100%;
    overflow: auto;
    width: 100%;
    z-index: 6;
}
#Banner {
    height: 169px;
    position: relative;
    top: 0;
    width: 100%;
}
#Navbar {
    background-color: #666666;
    color: #FFFFFF;
    float: left;
    height: 35px;
    position: relative;
    width: 100%;
}
#Outer {
    float: left;
    height: auto;
    margin-top: 35px;
    width: 100%;
    z-index: 2;
}
#Sidebar {
    background-color: #00FF00;
    float: left;
    margin-left: 10px;
    min-height: 600px;
    width: 12.5%;
}
#Content {
    background-color: #00FF00;
    float: right;
    margin-right: 10px;
    min-height: 65%;
    width: 85%;
}
#Copyright {
    background-color: #FF3333;
    float: left;
    height: 35px;
    width: 100%;
    z-index: 20;
}