人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

フッタを最下部に配置したのですが、フッタとコンテンツの間に背景色がつきません。
過去の質問を参考に(元々囲っていたのですが)、<div id="wrap">で囲っているのですがどうしても間に隙間が出来てしまいます。
どこを直したら良いのでしょうか?

#CSS表記

#wrap {
background-color: #FFF;
width: 980px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
}

#wrap:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

??コンテンツCSS中略??

#footer {
clear: both;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 5px;
width: 980px;
background-color: #39C;
position: absolute;
bottom: 8px;
font-size: 12px;
color: #FFF;
text-align: center;
}

#HTML
<div id="wrap">

<div id="header">
<a name="pagetop"></a>
<img src="img/logo.png"><img src="img/logo-font.png">
</div>

<div id="lcolum">
??コンテンツHTML省略??
(iframeとfloatメニューを使ってます)
</div>

<div id="footer">
Copyright (C) All Rights Reserved.
</div>

</div>

たくさんの参考サイトを見ながら手探りで作ってますので、変な記述が多かったら申し訳ないです。よろしくお願いいたします。


●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :キャンセル
└ 回答数 : 0/0件

回答がありません
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ