フッターを画面の下に表示サンプル

フッターを画面の下部に表示したいという要望は意外と多いようですね。このテクニックを使えば、フレームを使わなくても実現できちゃいます！

このページで使用している主なスタイルシート
html{
    height:100%;
}
body{
    height:100%;
}
div#container{
    width: 80%;
    margin:0px auto;
    position:relative;
    height: 100%;
    min-height: 100%;
}
body > #container {
        height: auto;
}
div#main{
    padding-bottom:30px;
}
div#foot{
    position:absolute;
    bottom:0px;
    height:30px;
    width:100%;
}
詳しくは解説を読んでね。

解説へ戻る