Log in

View Full Version : Resolved How do I align a footer to the bottom?



robin9000
02-05-2009, 05:02 PM
I would like to align my CSS footer the the bottom of my page but I am not sure who to do this

http://www.robinsden.110mb.com/menuscripts/index.shtml

On there you will see that the footer is refusing to go to the bottom of the page.


Here is the CSS page code for the footer.

@charset "utf-8";
/* CSS Document */

#footer {
font-family:Times New Roman;
font-size:10px;
clear : both;
height : 31px;
padding : 5px;
text-align:center;
vertical-align:super;
border-top : 10px solid #d2A93E;
background:url(../Images/footer.gif) repeat-x bottom}
a:link {
text-decoration: none;
text-shadow:#000000;
color:#000000}
a:hover {text-decoration:none;
text-shadow:#000000;
color:#FFFFFF}

Snookerman
02-05-2009, 06:17 PM
I think you are looking for a "sticky footer", here is a great site to help you out:
http://ryanfait.com/sticky-footer/ (http://ryanfait.com/sticky-footer/)

Good luck!

robin9000
02-05-2009, 06:29 PM
I took the sorce code from that page and implemented it into my footer css page but it did not seem to work?

I am very confussed at this point and not sure what to do?

It dose not want to work correctly, Why???