We would like to know how to create a fixed header and a 100% inner container.
<!DOCTYPE html>
<html>
<head>
</head><!--from ww w .j av a 2 s .c om-->
<body>
<div style='display: table; width: 100%; height: 100%'>
<div style='height: 100px; display: table-row;'>
<div style="border: solid; display: table-cell;"></div>
</div>
<div style='height: 100%; display: table-row;'>
<div style="border: solid; display: table-cell;"></div>
</div>
</div>
</body>
</html>
The code above is rendered as follows: