How can I make footer go to bottom of page?

HTML & CSS
1

Hard to explain, but I have a footer that looks fine on longer pages, but if the page is quite short (in height) it floats near the bottom. I’m not very good at CSS and can’t work it out. I would have though height:100%; would have done it, but apparently CSS doesn’t work like that.

This page is a good example.

http://www.schoolappealadvice.co.uk/advice/login.php

CSS for footer is here:

http://www.schoolappealadvice.co.uk/style_content.css

Any help appreciated.

2

What you’re looking for is a so called sticky footer.
There’s a very good explanation on how to make it here: http://www.sitepoint.com/forums/1239966-post3.html :slight_smile:

3

If you get stuck or have trouble implementing the method that Remon pointed to above then just shout and we’ll give more specific advice on implementation.