Footer ignores absolute...?

[Foxfur]

Ahhh I know there has GOT to be a simple answer to this. The entire page design is driving me insane and it seemed so simple at first!

Here is my CSS:
http://www.underabluesky.com/handcenter/handcenter01-TEST.css

And here is the page that the error shows up on (although if the other pages were longer I am pretty sure it would show up there too. The footer seems to be sticking to the middle of the page....

http://www.underabluesky.com/handcenter/carpaltunnel.html

My code is VERY sloppy as I use a lot of resources. I'm learning all of this on my own so please be gentle!

Thanks in advance! I have spent HOURS in Barnes and Noble with a stack of CSS books trying to figure all this out by myself but taking 4 hours to correct a problem is driving me crazy.

[chrishirst]

Nope, the footer is NOT ignoring absolute at all. It is behaving exactly as you have told it to and fixing to the bottom of theviewport

bottom does not mean the bottom of the browser window or the bottom of the content, it refers to the viewport which is the client area between the bottom edge of any toolbars and the top edge of the status bar.

Get rid of all the position:absolute stuff. It is the worst thing a newbie to CS can do.
Learn how to use postion:relative, floats and the document flow to place elements. Absolute will only confuse you until you understand what absolute actually means for positioning.

[Foxfur]

Thank you so much, Chrishirst!

It's been pretty difficult to find a well educated resource. Some places encourage absolutes others even said using tables was best when doing CSS while others say not to use them. It gets a little confusing sometimes!

The advice is much appreciated, I'll go back and try to work on position:relative before I go any further.