Div max height map

Div max height map

by Bryan McIntosh

HTML

<div id="full">
    <div id="header">This is the header content.</div>
    <div id="someid">This is other stuff.</div> 
</div>

CSS

html, body {
    height: 100%;
    margin: 0;
    min-height: 100%;
    padding: 0;
}

#full {
    background-color: red;
    height: 100%;
    width: 300px;
}
#header{
    background-color: blue;
    float: left;
    height: 130px;  /* Optional */
    width: 100%;
}
#someid{
    background-color: green;
    height: 100%;
}