Small footer question

On almost all pages, the footer is perfect.

However on the last 2 pages buy and sell. I need the footer to move all the way to the bottom of the scroll bar. I am not so good with CSS so I need help please.

We'd have to make a new code for it instead of #footer because it'd alter all the other pages as well. Any help?

http://www.rodgame.org/downloads/na2/buy.html

/* Footer */

#footer {
clear: both;
height: 50px;
background: #40C1D4 url(images/img07.gif);
color: #FFFFFF;
position: absolute;
bottom: 0px;
}

#footer p {
margin: 0;
padding: 0 20px;
line-height: normal;
}

#footer .legal {
float: left;
height: 32px;
padding-top: 18px;
background: url(images/img08.gif) no-repeat;
}

#footer .credits {
float: right;
height: 32px;
padding-top: 18px;
background: url(images/img09.gif) no-repeat right top;
}

#footer a {
color: #FFFFFF;
}

See if removing highlighted helps:

#footer {
clear: both;
height: 50px;
background: #40C1D4 url(images/img07.gif);
color: #FFFFFF;
position: absolute;
bottom: 0px;
}

You could try by making the 'page' div overflow:scroll? The for most of your pages, it would be as is now but for the longer (but.php) page, it would add a vertical scrollbar which you could force to be at the right of your window, where the normal bar would be if there was one.

bazz

Changing the footer name to buyfooter and changing it only on that page works perfect. Thanks!