<! Doctype HTML>
<HTML>
<Head>
<Meta charset = "gb2312">
<Title> Adaptive Layout of fixed center height at head and end </title>
<Style>
HTML, body {
Height: 100%;
Margin: 0;
Padding: 0
}
# Dhead {
Height: 100px;
Line-Height: 100px;
Background: #690;
Width: 100%;
Position: absolute;
Z-index: 5;
Top: 0;
Text-align: center;
}
# Dbody {
Background: # fc0;
Width: 100%;
Overflow: auto;
Top: 100px;
Position: absolute;
Z-index: 10;
Bottom: 100px;
}
. Mycontent {
Padding: 20px;
}
# Dfoot {
Height: 100px;
Line-Height: 100px;
Background: #690;
Width: 100%;
Position: absolute;
Z-index: 200;
Bottom: 0;
Text-align: center;
}
</Style>
</Head>
<Body>
<Div id = "dhead"> fixed the header 100px; </div>
<Div id = "dbody">
<Div class = "mycontent"> intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
Intermediate adaptive part <br>
</Div>
</Div>
<Div id = "dfoot"> fixed tail 100px </div>
</Body>
</Html>