Make the last page div fill the rest of the browser height

Question

I saw other answers, but they either didn't work or they used JavaScript. Can some @media request solve this problem?

I have a JSFiddle to show an example of a problem: http://jsfiddle.net/e4VWL/

You can see that it <footer class="copyright">looks awkward because the left frame .wrapperdoes not reach the bottom of the page.

I want to find a CSS-only solution so that the final one divtakes up the rest of the page height for viewing by the browser.

+3

Jetson Feb 09 '14 at 13:20

1 answer

pschueller · Accepted Answer · 2014-02-09T13:27:48+0000

Give your body, html and cover elements 100% height.

body,html,#wrapper {
    height: 100%;
}