最終更新:
handmade_pika 2009年07月27日(月) 10:41:22履歴
文章が少なすぎて、フッターが画面中央あたりにあると、
下の余白が目立つので、内容問わずフッターを下部に表示する
HTML
下の余白が目立つので、内容問わずフッターを下部に表示する
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>
このページへのコメント
めちゃくちゃ助かりました。
ありがとうございますm(_ _)m