PDA

View Full Version : Force footer to bottom


Arkidas
07-18-2007, 03:28 PM
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.

Nutz
07-18-2007, 09:45 PM
This was a real headache for me once. I found a few methods one being;
http://64.233.183.104/search?q=cache:jakccmIamT8J:blog.twenty08.com/2007/04/15/how-to-align-a-footer-to-the-bottom-of-the-page-in-xhtml-strict-across-all-three-browsers/+height+100%25+align+to+the+bottom+page&hl=en&ct=clnk&cd=1&gl=uk&client=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.

Arkidas
07-18-2007, 11:34 PM
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.

Nutz
07-19-2007, 04:02 PM
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.

nexialys
07-19-2007, 04:18 PM
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.

Arkidas
07-19-2007, 04:26 PM
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?

Nutz
07-19-2007, 04:56 PM
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