position:fixed; frame layout

main

/* stylesheet */
.head {position:fixed; width:100%; height:15%;
  top:0; right:0; bottom:auto; left:0; background:#def;}
.side {position:fixed; width:10em; height:auto;
  top:15%; right:auto; bottom:100px; left:0; background:#ff9;}
.main {position:fixed; width:auto; height:auto;
  top:15%; right:0; bottom:100px; left:10em; background:#cf9;}
.foot {position:fixed; width:100%; height:100px;
  top:auto; right:0; bottom:0; left:0; background:#fbb;}


<div class="head">head</div>
<div class="side">side</div>
<div class="main">main</div>
<div class="foot">foot</div>