フッター部分にどうしても余白ができます。

下記のページを見てみてください。
Yahooのジオシティーズを借りてますので変なページではありません。
http://www.geocities.jp/shiori1522/index.html

フッター部分に、「copyright・・・・・」と記述があるところですが、
灰色のbackgroundを使ってます。
その灰色backgroundでフッターはぴったり終わってほしいのですが、
その下に、5mm程度でしょうか。余白が確認できます。
ブラウザによって異なるのかと思いましたが、
IE8、FireFox、Googleクローム、Operaなどいずれも余白が出来ます。

事前に調べてもみましたが、
bodyにmargin 0を記述するとかもすでにやってますがうまくいきません。
どこを修正すればいいでしょうか？
CSSは、下記のURLにあります。
よろしくお願いいたします。

http://www.geocities.jp/shiori1522/main_10C_2c.css
http://www.geocities.jp/shiori1522/container_10C …
http://www.geocities.jp/shiori1522/user.css
http://www.geocities.jp/shiori1522/hpbparts.css

No.1 ベストアンサー 回答者： kura07 回答日時： 2013/09/13 19:54

うーん、私も1時間以上悩んでしまいました（汗

どうやら、原因は2つあったようです。



[原因1] #hpb-container に clearfix が指定してある
container_10C_2c_topleft.css に、『#hpb-container:after{…}』の部分があると思います。（42～48行目辺り）
このスタイル指定を入れた意図はわかりませんが、私が見る限りは不要だと思います。
しかも、これがあることによって、フッターに余白を作ってしまっています。
これは削除していいと思います。


[原因2] geocities の画像型アクセス解析がページ下部に存在している
geocities には、ページの最後に 1px×1px の画像を埋め込んで、アクセス解析をする機能があるようですが、
これがある為に、ページ下部に隙間ができてしまっています。
この画像を見えなくするために、以下の CSS をどこかに追加しましょう。
body > img {display:none;}
（尚、画像を見えなくするようにしても、画像のリクエストは飛ぶので、アクセス解析に影響が出ることはありません。）



以上の2つを直せば、フッターはページ下部に密着します。

ご参考になれば幸いです。

この回答へのお礼

ご回答くださりありがとうございます！
１時間以上も悩まれてしまったなんて、本当に申し訳ございませんでした…。
これだけがどうしても直らずにずっと悩んでいたので、ほんとに感謝してもしきれない気持ちです。
おかげ様で理想の形にすることが出来ました！
私一人の力では到底無理でした。
あらためてお礼を言わせて下さい。
本当に助かりました！
ありがとうございました！

お礼日時：2013/09/16 13:59