使ってみよう！スタイルシート

文章が少なすぎて、フッターが画面中央あたりにあると、
下の余白が目立つので、内容問わずフッターを下部に表示する

html{height:100%;}



body{height:100%;}



#wrapper{potition:relative;
min-height:100%;}

/*文章がオーバーすると、#contentが#footerに重なるので、padding-bottomで数値を設定する。*/
/*フッターの高さと同じにすること。*************************************/

#content{padding-bottom:62px;}




/*フッター*************************************************************/
/*footerの高さをちゃんと設定しないと#contentの内容がかぶる*************/

#footer {
position:absolute;
bottom:0px;
height:62px;
width: 700px;
margin: 0px auto;
background:url("../image/footer-back1.gif") no-repeat;
padding: 0px;
clear:both;
}



/*IE6用****************************************************************/
body>#container{height:auto;}

HTML

<div id="wrapper">
　　<div id="content">
　　　本文
　　</div>
　<div id="footer">
　フッター
　</div>
</div>