Side - top - main (tableless)

by Alon Rotem

HTML

<div class="framelssleft">left
      
</div>
<div class="framelsswrapper">
    <div class="framelsstop">top</div>
    <div class="framelssmain">
 
main
    </div>
</div>

CSS

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
div {
    border: 0px solid black;
}
.framelssleft {
    background-color: green;
    width: 100px;
    height: 100%;
    float: left;
}
.framelsswrapper {
    margin-left: 100px;
    height:100%;
}
.framelsstop {
    background-color: blue;
    color: white;
    height: 50px;
}
.framelssmain {
    background-color: yellow;
    height:100%;
}