Forums

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

Home Forums CSS [Solved] push div to keep footer stuck to bottom

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #30250
    cheese
    Member

    I’m having a bit of a problem on just one of my pages with my footer and I can’t work out how to fix it, the problem is that I don’t have this website up on a server yet so I can only really explain what the problem is.


    #home-page-wrapper{
    width:960px;
    min-height: 100%;
    height: auto !important;
    height:100%;
    margin:0px auto -175px;
    background:url(images/bg_header.jpg) repeat-y;
    }

    .push {
    height:175px;
    }

    #footer {
    background:url(images/bg.jpg) repeat;

    height:175px;
    font-size:1.0em;
    }

    The problem is that there is a 175px gap between the bottom of the home-page-wrapper and the footer, this problem is only happening on the homepage.

    I have the push div just before the footer div on the homepage. If I delete the push it closes the gap but then when I go to another page the footer is no longer sticking to the bottom.

    I know this probably isn’t a problem someone can help me with without seeing the page, I just thought I might get some ideas.

    Thanks

    #79750
    Luminated
    Member

    Ever checked out this?

    http://www.cssstickyfooter.com

    #79751
    cheese
    Member

    @luminated

    thanks for that, just switched out my code for that and it is working perfectly. I’d like to know why my code stopped working but I think I might leave that until the morning.

    cheers

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