Grow your CSS skills. Land your dream job.

100% height of floated elements

  • # October 31, 2012 at 1:23 pm

    This is probably really simple. How do I get the content and sidebar divs to extend the whole way down until they are touching the footer? (without saying something like height:1000px)

    http://codepen.io/sheepysheep60/pen/yjKdl

    Thanks!

    # October 31, 2012 at 1:35 pm

    body > #wrap {**height: auto;** min-height: 100%;}

    Try removing height: auto;

    # October 31, 2012 at 1:40 pm

    change the **body > #wrap** to

    body > #wrap {
    height: 100%;
    box-sizing:border-box;
    padding-bottom:200px;
    }

    But take care, the **box-sizing** property is IE 8+ only.

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

You must be logged in to reply to this topic.

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