Question

At the moment i have a site with many divs set at certain sizes to keep the layout correct.

The only problem is that on some displays the footer is always off the bottom and you have to scroll to it.

I have noticed other sites where no matter the screen resolution, the footer will always auto scale to the bottom of the screen.

Is there a way, other than going through all of my divs and using % for all the heights, to set the footer tag to always be at the bottom of the screen?

My basic site is jj-triggs.com which has a footer that, if on a widescreen monitor or smaller resolutions, pushes the footer off the bottom and you have to scroll to it,

It is possible to fix by changing the size of the divs, but there are so many that would have to be changed. There must be a simpler way of doing this?

Answer 1

Are you searching for making your footer fixed to the bottom ? If so you can do that with CSS :

position: fixed;
bottom: 0;