The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

100% height issue

  • # April 29, 2010 at 12:27 am

    Hey All,

    If you take a look at:

    All seems just fine. Now take a look at a post, say… introduction.

    The footer comes off the the bottom. I want the container div, bg, to be 100% in height.

    # April 29, 2010 at 1:42 am

    This reply has been reported for inappropriate content.

    Change your CSS to:

    #footer {
    background: #E6E3D7;
    border-top: 1px solid #ccc;
    height: 50px;
    margin: 0 0 -50px;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;

    (I’ve just added position:absolute, margin:0 0 -50px 0 and bottom:0)
    And change the position of #bg to position:relative

    # April 29, 2010 at 1:52 am

    That didnt work. :/
    Take a look.

    EDIT: Woops forgot to change bg. Thanks a lot! it worked.

    # April 29, 2010 at 9:36 pm

    Actually, I just checked again, and it not working.

    # April 30, 2010 at 4:47 am

    This reply has been reported for inappropriate content.

    Check out or

    # May 1, 2010 at 3:02 pm

    It looks OK to me in Firefox. However, you have a big problem with your navigation which flickers and jumps about.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed