height100%のボックス成功版

標準準拠のIEやfirefoxでbody直下にheight100%のボックスを作ることは不可能ではないのです。

このページで使用している主なスタイルシート
*{
    margin:0;
    padding:0;
}
html{
    height:100%;
}
body{
    background-image:url(../../../img/back.gif);
    height:100%;
    width:80%;
    margin:0px auto;
}
div#main{
    background-image:url(../../../img/sub-back.jpg);
    border:solid 1px #760014;
    border-width:0px 1px;
    height:100%;
    min-height: 100%;
}
body > #main {
    height: auto;
}
詳しくは解説を読んでね。

解説へ戻る