デザインをいじっていますが、うまくいかないようです。
<div id="wrapper">
<div id="header"></div>
<div id="fader"></div>
<div id="body">
<div id="viewer"></div>
</div>
</div>
<div id="footer" > a</div>
</p>
body,html
{
height: 100%;
background-color: #2c2c28;
}
#header
{
background-color:red;
height:45px;
}
#footer
{
height:45px;
background-color:blue;
}
#wrapper
{
height:100%;
margin-bottom:-45px;
}
#viewer
{
height:100%;
background-color:yellow; overflow-y: hidden;
}
#body
{
background-color:pink;
height:100%;
overflow-y: hidden;
}
#fader
{
height:20px;
}
黄色の id=body は、ページよりもさらに下に伸びています。フッターで止めてほしい。