Force footer to bottom
 

How can I force the footer to the bottom on small pages like http://arteea.com/demo/search.php?do=getnew It only occurs on pages with a low height.

Thanks.

This was a real headache for me once. I found a few methods one being;
http://64.233.183.104/search?q=cache...ient=firefox-a

But in the end it just ended up looking bad one way or another. In the end I went with 'wrapping' (if you get me) the page rather than just a repeating background image (http://www.frombasics.com/forum/)

All depends how much work you want to put into getting it to look right :)

Thanks,
Mat.

Can you please explain your second suggestion further? It sounds a lot better but I am not all following your words. Alternatively, I could give you Admin access, however, you made it sound like it took time so perhaps it'd better if you just explained.

The second method I mention can be a little complicated if your new to html / css yes. I could do it for you true, but teach a man to fish and all of that..

I would do it through the use of tables if your not to comfortable with html. You want to create one big table that in cases the whole site. 3 td's with the side bars in the first and third td and the main body going in the second td. Hope that’s clear(ish) it’s going to be a lot of trial and error but I find it the best way to learn :)

Thanks,
Mat.

actually, 99% of the webpages with low content will end up that way... until everybody use pure CSS to build their designs, this will be a problem. there is no solution, because the tables are built to be filled, not to fill.

Thanks, I will try. :) I can't understand though, how I can force it to the bottom just because I've split the site in 3 columns of a table?

It won't. The idea is that the background image would only spread as far as the site content. To force the footer to the bottom see the link I provided in my fist reply :) but I wouldn't recommend doing that anyhow it would leave great voids of white space.

The other method I mentioned aims to limit the design height to that of the content.. for example here is your site with the background image filling the page even with no content:
http://img160.imageshack.us/img160/5387/nowq2.jpg

And an example of limiting the style to the content:

http://img479.imageshack.us/img479/8924/yesnp2.jpg