Hi,
I am using Div tags for my 3 columns and a internal CSS style sheet on each page for the height, As I cant make the height auto as each column has different content, I change height manually.
So by doing this, my footer is all over the place, sometimes about 50px from the bottom to 100px from the bottom.
So how can I fix that so its the same distance each time?

Here's wun wot I writ

http://www.candsdesign.co.uk/article...sticky-footer/

search for "sticky footer" and you'll find a few (some work better than others)

But by this method, can i make the script externally so that to keep the source code clean.

Yep, if that's what you want to do.