I've been trying for a while now but I dont seem able to push the footer down and stay there.
I've created a test site so you can see the code etc, hope someone can help me out here:

Main site:
http://tinyurl.com/wht-tester

The CSS:
http://tinyurl.com/wht-tester-css

I've tried the following:
http://www.themaninblue.com/writing/perspective/2005/08/29/

But I must be doing something wrong, I think its to do with the content DIVs.

:agree:

As a developer for many years now, I constantly see tutorials for the usage of structure via the means of the position function and I am yet to find an instance where it beats floats!

I saw these and gave up I'm afraid:

position: absolute;

The absolute position fucntion basically says from the top left corner of the browser where do you want this element to be located, it's terrible!

For a design such as yours you should be thinking three divs ontop of each other and then just using the margin/padding function to move the elements within them. That method makes for a more liquid website and more flexible accross browsers.

Plus it eliminates hickups like you are experiencing now.

Dan

you can do it as replica said or...

use % or whatever percentage to set it as. as some people might be viewing your site in a higher or lower res.

go to w3schools for more info on css.

themaninblue usually produces good stuff. I suggest you just start with one of his simple examples (that you know works) and then gradually add your own styles until you either get what you want or find out what's breaking it.

All that you need to do to make that TEXT at the bottom of the footer is make a new div layer for the TEXT only and overlay it on top the the div layer titled footerPlaceholder

Once that's done, just copy the CSS for footerPlaceholder and adjust and the text will be raised without affection the image structure of the page, if you run into layering issues, then just raise the z-index of the newly created layer.

Let me know if you keep having issues.