CSS going to end of screen instead of end of page

[Polett]

Hello every1,

Even though I've done this before, my brain seems to have shorted out...

This is the link: http://polett.com/preview.html

The problem is that my Bg and in consequence my Bottom bar do not want to be at the bottom of the page, but rather at the bottom of the screen.

The main rectangle where (PDS) is, will have text as well, for now my problem is only getting the BG & Bottom bar to stay placed at bottom of page instead of bottom of screen... Can anyone help?

Thanks in advance!

Polett.

 

[johnscott]

Hey Polette,

I sounds like you might be needing a sticky footer. Check out this link, it might be helpful.

http://ryanfait.com/sticky-footer/

 

[PixelPusher]

The footer (bottom bar) is sticking to the bottom because you are using absolute positioning and the bottom value is set to zero.

Try using relative positioning instead. You will need to do this for all other absolute positioned items. FYI, any item that is positioned absolutely will lay over the top of a relative positioned item.