Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS help with sticky footer

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #37878
    cybershot
    Participant

    For the life of me, I cannot get the sticky footer working on my site. I am making this template for someone and she wants the footer to be sticky, I can’t get it working.

    Here is footer I am using
    http://ryanfait.com/sticky-footer/

    all the code is in place but it just won’t go down. Here is the site

    http://www.rc-hc.com/test

    can you figure out what is wrong? I have been trying for two days

    #102204
    seanroberts
    Member

    First of all it seems as if you are getting a 404 on one of your reset.css reference. I thought I would mention that in case you did not realize it.

    Second, I believe I have found the right combo of things to make this work.


    /* These are the only things that need to change:*/

    /* This was the crucial change, taking out the position and top properties. */
    #footer {
    height: 150px;
    width: 100%;
    background: url(images/footerBackground.jpg) repeat;
    }

    /* Removed the height to fix page spacing issue at the bottom.*/
    #footerContent {
    position: relative;
    width: 960px;
    margin: 0 auto;
    }

    /* Because of the content positioning on this page, the hieght of .push needs to be increased; to compensate for spacing issues. */
    .push {
    height: 200px;
    }

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.