position: absolute how do I get it to show at the bottom!?

Question

Ok I have a group of links I want to be possitioned absolute top, while I also want content in the middle, and then another set of links possitioned at the bottom. However, my links for the bottom are showing up in the middle of my content and overlapping. My Q is how do I get the bottom links to show at the BOTTOM of the page after EVERYTHING?
Thanks...

Here is part of my css code (the part I'm having trouble with:



.toplinks {width: 100%; float: top; position: absolute; z-index: 3; background-color: #660000; margin-top: 0px; padding: 3px; border: 1px solid black; word-spacing: 1.2em}

.toplinks a {font-family: Arial, Helvetica, sans-serif; color: white; font-size: 10pt; font-weight: bold}


.toplinks a:link {text-decoration: none}

.toplinks a:visited {text-decoration: none}

.toplinks a:hover {color: #FF9900; text-decoration: underline}

.toplinks a:active {text-decoration: none}



.bottomlinks {width: 50%; position: absolute; left: 0px; bottom: 0px; float: baseline; margin-bottom: 1px; padding: 8px; word-spacing: 10px; clear: left}

.bottomlinks a {font-family: Arial, Helvetica, sans-serif; color: #336699; font-size: 9pt}


.bottomlinks a:link {text-decoration: none}

.bottomlinks a:visited {text-decoration: none}

.bottomlinks a:hover {color: black; text-decoration: underline}

.bottomlinks a:active {text-decoration: none}

The part I'm having the most trouble with is the bottom links. My top links are fine...

I can't figure out the bottom ones.

My middle section (the HTML part that's not in the CSS) is a table.
The CSS is not in the table, I wonder if that makes a difference.

I'm trying to keep the table in the middled while the top links and bottom links are not in any table at all and stand alown and show before and after the table.

If that makes any sense.

Thanks again (who ever answers this)!

Answer 1

Absolutely positioned elements are actually "absolutely positioned" in relation to their relatively positioned containing block. If they don't have a proper container, then you'll get stuff all over the place:)

I'm not a huge fan of using absolute positioning unless it's for an element that's within a relatively small area. It's also difficult to easily prescribe a good solution without seeing all of your code, since there are probalby other elements on your page that might be affecting your footer.

Check out footer stick for some ideas of what you might be doing wrong: http://solardreamstudios.com/learn/css/footerstick/

Answer 2

it's probably a problem with the way you have your html laid out. the CSS is fine (i stuck it in a file, with the following html)

Answer 3

there going to be lost on what you ask them here .. ignore stone he is a moron

Answer 4

just lift your skirt you can show bottom