【参考サイト】
http://www.stylish-style.com/csstec/ultimate/height100.html
☆html
<body>
<div id="main">
<h1>height100%のボックス成功版</h1>
<p>
標準準拠のIEやfirefoxでbody直下にheight100%のボックスを作れる。
</p>
・・・略
</div>
</body>
☆css
*{
margin:0;
padding:0;
}
html{
height:100%;
}
body{
background-image:url(../../../img/back1.gif);
height:100%;
width:80%;
margin:0px auto;
}
div#main{
background-image:url(../../../img/sub-back2.jpg);
border:solid 1px #760014;
border-width:0px 1px;
height:100%;
min-height: 100%;
}
body > #main {
height: auto;
}