- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：フッター部分にどうしても余白ができます。）
フッター部分の余白の問題
このQ&Aのポイント
- Yahooのジオシティーズを借りているウェブサイトのフッター部分に余白が発生しています。さまざまなブラウザで確認しましたが、どれも同様の結果でした。
- 既にbody要素のmarginを0にしているにもかかわらず、問題は解決されませんでした。
- 問題のソースコードは以下のURLから確認できます。どこを修正すればよいかアドバイスをお願いします。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
うーん、私も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つを直せば、フッターはページ下部に密着します。 ご参考になれば幸いです。
お礼
ご回答くださりありがとうございます！ １時間以上も悩まれてしまったなんて、本当に申し訳ございませんでした…。 これだけがどうしても直らずにずっと悩んでいたので、ほんとに感謝してもしきれない気持ちです。 おかげ様で理想の形にすることが出来ました！ 私一人の力では到底無理でした。 あらためてお礼を言わせて下さい。 本当に助かりました！ ありがとうございました！