Grow your CSS skills. Land your dream job.

100% height issue

  • # April 29, 2010 at 12:27 am

    Hey All,

    If you take a look at: http://justinledelson.com/websites/competition/

    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

    Change your CSS to:

    Code:
    #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.

    # 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.

*May or may not contain any actual "CSS" or "Tricks".