Question

I’m trying to get a background working with a sticky footer and I’ve hit a brick wall. For some reason, the blank space underneath body seems to stop at an elastic height above the bottom depending on the window height.

I can’t see anything which could cause this and would really appreciate a pointer.

The demo site is at http://myfitzeek.lime49.com

Answer 1

According to your link, you just change

   html {
       height: 100%;
       margin: 0;
       padding: 0;
   }

    #footer{
        position: absolute;
        ....
    }

to

    html {
       margin: 0;
       padding: 0;
    }

    #footer {
        position: fixed;
        ....
    }