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

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Height 100%

  • # January 26, 2013 at 3:25 pm


    I know this is a trivial question, but I’ve so much time reading tutorials and trying different code snippets.

    _menu-bg_ is my div class that needs to be 100% high. But somehow it seems that the html or body only is 526px high.

    Can anyone tell me what I’m missing ?

    # January 26, 2013 at 3:35 pm

    You need to set 100% height on every parent of menu-bg for it to work.

    # January 26, 2013 at 3:53 pm

    **rosspenman** -> Thanks for the reply. I have written _height: 100%;_ for all the parent divs (I think so), but it’s not working.

    I’ve fixed it, by adding a background to the menu-bg div. Not a perfect fix, but it works.

    Thanks again

    # January 26, 2013 at 6:53 pm

    This reply has been reported for inappropriate content.

    @madsrh, you need to make html and body 100% too, and set menu-bg to min-height: 100%

Viewing 4 posts - 1 through 4 (of 4 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