下記のページを見てみてください。
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ベストアンサー
- 回答日時:
うーん、私も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つを直せば、フッターはページ下部に密着します。
ご参考になれば幸いです。
ご回答くださりありがとうございます!
1時間以上も悩まれてしまったなんて、本当に申し訳ございませんでした…。
これだけがどうしても直らずにずっと悩んでいたので、ほんとに感謝してもしきれない気持ちです。
おかげ様で理想の形にすることが出来ました!
私一人の力では到底無理でした。
あらためてお礼を言わせて下さい。
本当に助かりました!
ありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- その他(IT・Webサービス) MacとWindows Google検索した時のURL表示の違いについて 1 2022/11/17 10:38
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSでの動画のマスク処理
-
WEB上でディレクトリ内の画像を...
-
【至急お助け!】チェックボッ...
-
ひとつの画像をWEBで異なる小さ...
-
フッターの背景に色を指定した...
-
<hr>の縦バージョンはありますか?
-
IMGタグで画像の繰り返し使用は…
-
背景画像の上に透過GIF背景...
-
サファリで背景画像が1ピクセ...
-
画像の背景を透明にしたい
-
見出しの複数行の対応について
-
jQuery背景画像動かすパララックス
-
ホームページの背景画像を画面...
-
gif画像でたまに背景がグレーに...
-
WEbサイトの背景画像にメッシ...
-
文字列の後に中央線を引きたい...
-
横棒GIF左右ぴったしにするタグ...
-
htmlかcssで背景の白い枠をなく...
-
文字列の下に点線を出す
-
HPのナビゲーションと<UL><LI>
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の上にテキスト配置で、拡...
-
画像とその下にあるテキストの...
-
<hr>の縦バージョンはありますか?
-
【至急お助け!】チェックボッ...
-
【Webサイト】画像が小さく表示...
-
background-repeat CSS で切れ...
-
htmlかcssで背景の白い枠をなく...
-
background-sizeの背景で最小値...
-
lightbox2で画像を天地左右中央...
-
ページごとに背景画像を変更し...
-
LightBoxの矢印の出し方
-
WEB上でディレクトリ内の画像を...
-
IMGタグで画像の繰り返し使用は…
-
iframe内をクリックさせない方...
-
同じ画像 複数回使用
-
画像上に文字を表示するとiPhon...
-
background-sizeでcontainする...
-
ページの上下に白い横線が入る
-
コーディング中、右側に謎の余...
-
画像を複数横に並べ、かつそれ...
おすすめ情報