Forums

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

Home Forums CSS Content extends beyond browsers window

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #28242
    mattdennis3
    Member

    This is my first post, so I don’t know if this is the right area or not.

    I am currently working a site that uses a two-column layout. One fixed left nav bar and one liquid main content column. The main liquid column then gets a centered sticky footer at the bottom of it. Sounds like no big deal right? Well that’s what I thought. For some reason, if there is really long content, the content of the main column extends down behind and below the footer and even beyond what looks to be the bounds of the HTML itself.

    Take a look – http://bit.ly/ej9o7d

    Any ideas on why this is happening? Thoughts on fixing it or working around it? I’ve come up empty.

    Thanks

    #61595
    jamygolden
    Member

    Hi, welcome to the forums.

    Remove height from this

    html, body {
    background:none repeat scroll 0 0 #F1F1F1;
    height:100%;
    margin:0;
    padding:0;
    }

    So it should look like this:

    html, body {
    background:none repeat scroll 0 0 #F1F1F1;
    margin:0;
    padding:0;
    }
    #61597
    mattdennis3
    Member

    @jamy_za – Thanks for the reply. If I remove that height, then I lose the “stickiness” of the footer. Take a look at the example now.

    http://bit.ly/i4oMtH

    I would like for the footer to always be attached to the bottom of the screen.

    #61599
    jhl
    Member

    can’t you use

    position: fixed; bottom: 0px;

    ?

    #61601
    jamygolden
    Member

    The height is 85px. So why not add bottom: -85px; to the footer?

    #61501
    mattdennis3
    Member

    @jhl – that worked!

    thanks to both you and jamy_za. this has been driving me nuts. very much appreciated.

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