mise en page tout espace

by ydelmas

HTML

<div class="grille">
    <div class="haut">
        <nav>test</nav>
        <div class="main">
            lorem ipsum dolor
        </div>
    </div>
    <div class="bas">
        <div></div>
        <footer>pied</footer>
    </div>
</div>

CSS

html, body {
    margin: 0; padding: 0;
    height: 100%;
    min-height: 100%;
}
.grille {
    display: table;
    height: 100%;
    width:100%;
    behavior: url(display-table.min.htc);
}
nav, .main, .bas>* { display: table-cell; }
.haut,.bas { display: table-row; }
nav {background: red}
.main { background: green}
.bas {background: blue; height: 1.5em;}