Search code examples
cssdynamic-css

Facebook like status div

I'm looking for a footer like facebook has but only use CSS to style it no js.

As you can see here http://dl.getdropbox.com/u/5910/Jing/2009-02-03_1256.png it always stays at the bottom even if I scroll down. http://dl.getdropbox.com/u/5910/Jing/2009-02-03_1258.png

Solution

  • For all browsers, save for IE6, do this:

    div#footer {
    bottom: 0;
    width: 100%;
    height: 25px;
    position: fixed;
}

    I know you mentioned not wanting to use JavaScript, but as for IE6, it's been my experience that you may have to resort to some sort of JavaScript expression in the CSS to get it to work as smoothly as this CSS does in other browsers.