Структура HTLM:
<div id="wrapper">
<div id="branding"></div>
<div id="mainNav"></div>
<div id="content">
<div id="m_content">
<div id="scale"></div>
</div>
<div id="secondaryNav"> </div>
</div>
<div id="footer"></div>
</div>
CSS:
* {
padding: О;
margin: О;
}
#mainNav{
width: 18%;
background-color: silver;
float: left;
}
#secondaryNav{
background-color: green;
float: right;
width: 17%;
}
#content{
width: 80%;
float: right;
height:100%;
}
#m_content{
overflow:hidden;
width: 80%;
float: left;
position: relative;
border: 1px solid green;
height:100%;
}
#branding{
width: 100%;
height: 100px;
background-color: yellow;
}
#footer{
clear: both;
}
#wrapper{
overflow: hidden;
height:100%;
}
#scale{
border: 1px solid black;
position: absolute;
height:100%;
}
Т.е. свойство height проставлено по всем уровням иерархии
.clear{
clear: both;
}