Date: 09/11/05 (WebDesign)    Keywords: browser, html, google

I am officially going out of my mind. This might be a little long, sorry folks. I'm just getting way to frustrated with this. When trial and error & google fail...

I am trying to get a div to position at the bottom of a page. Sounds simple right?

No matter what I try it's not doing what I want it to do. Simple example I have the bottom margin set to 0px. That should work.. shouldn't it?

I've tried bottom: 0 (which gets it to the bottom of the browser window, ok in the simple example.. but the Real Page is longer than that, and makes the image float halfway down the page. (on there it is the copyright image I'm trying to get to the bottom.)

.copyright {
position: absolute;
z-index: 2;
padding: 7px;
bottom: 0px;
}

I've even tried top: 100%, top: auto.. nothing works


Real Page 2 position: absolute is supposed to make that element work independantly from the other elements on the page. If so why is it plopping down below the rest? ( and no matter where in the html I put it it's working around the other divs)

.copyright2 {
position: absolute;
z-index: 2;
padding: 7px;
margin-bottom: 0px;
}


This is probably going to be one of those simple "Do this, dummy" kinda answers, but that's okay.

rar.

Source: http://www.livejournal.com/community/webdesign/975698.html