height 100%

by LuckyCat

HTML

<html>
<head>
<style type="text/css">

</style>

</head>

<body>
<div id="all">
    <div id="wrapper">    
        <div id="header">
            <p>Header</p>
        </div>
        <div id="content">
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        INHALT  <br>
        </div>
    
    </div>
</div>

</body>
</html>

CSS

html, body {
    height:100%;
    text-align:center;
}

#all, #wrapper {
    min-height:100%;
    height:100%;
    width:800px;
    margin: 0 auto;
    text-align: left;
    background-color:lightblue;
}

#header {
    background-color: orange;
    height:100px;
}

#content {
    background-color: limegreen;
    /*height:100%;*/
    min-height:100%;
}

* {
    margin:0;
    padding:0;
}