Forums

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

Home Forums CSS [Solved] footer doesn’t stick at bottom of page

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #30681
    Eclipse
    Member

    Hi all,

    I’ve got a little problem..
    My footer used to stick to the bottom of the page, but for some reason it doesn’t anymore on some pages where content is little, like my portfolio.
    Does anyone have an idea to fix it.
    FYI: I don’t mean the position: absolute; solution
    It only needs to appear at the end of the page without any margin.

    My website is at http://www.eclipse-webdesign.nl/portfolio/

    Thanks in advance

    #78849
    Eclipse
    Member

    Oh yeah, the problem only appears in larger resolution screens.

    #78852
    panenko
    Member

    Add to CSS:

    .html {
    height: 100%;
    }
    #container {
    min-height: 100%;
    _height: 100%; /*for ie6*/
    }
    #footer {
    height: 215px;
    margin-top: -215px;
    }

    and change:

    #main-content {

    margin-bottom: 265px;

    }

    #77333
    Eclipse
    Member

    Thanks a lot Panenko, works like a charm. I kinda lost my way for a second.

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