WEB作成メモBLOG

フッター下に謎の余白が現れた時

HTML・CSS | 2013.03.07

コーディングで崩れが生じている訳ではなく、どのブラウザで見てもフッター下に余白が出来てしまう!なんだこれは?!と思っても落ちついて下さい。

こんな時は、cssの設定でhtmlの背景色がされていない事があります。
ホームページをブラウザで見た時の1ページの長さは大抵、少しスクロールする位なので、

『htmlの高さ=bodyの高さ』

と思ってしまいがいですが、実は

『htmlの高さ=ブラウザの高さ≧bodyの高さ』

という関係があります。

ですので、コンテンツ量が少ないなど、bodyの高さが低い場合、
bodyの高さがブラウザの高さに足りない部分は余白(htmlの設定内容)となります。

htmlに何も指定をしていない場合、デフォルトの背景色は白なので、
余白となって現れる訳です。

技術的に難しい事ではないですが、この手の落とし穴は、
日頃難しい問題を解決しているスペシャリストも時々はまる系の現象です。

ブラウザの下部といえども、背景色が濃い目の色の場合はけっこう気になるものですので、htmlへの背景の指定もお忘れなく。

【PR】使わなくなったパソコンはありませんか?パソコン無料回収

関連する記事

カラーミーショップはリアルな店舗を持っていなくても、ネットを通じて商品を販売する楽しみを多くの人に実感してもらえるショッピングカートです。これまでに23万を超えるユーザー様からお申込みをいただいております。
カラーミーショップなら誰かに(大手に)頼らなくても、あなた好みのネットショップを作れます。あなたがセレクトした商品や作った商品の魅力を伝え、それを欲しいと思ってくれる人にお届けしてみませんか。
30日間、無料でお試しいただけるので、初心者の方やネットショップ作成サービスで悩んでいる方も、安心してご利用いただけます。
ロリポップ!レンタルサーバー!はあなたの「やってみたい!」を応援します!
ロリポップ!なら、ホームページ、ブログ、ネットショップ…
これらが今すぐ、そして簡単にできちゃう!
マニュアルやライブチャットを完備しているので、ホームページ初心者でも安心。
これだけついてるのに月額100円(税抜)~ととってもお得。
もちろん無料のお試し期間も10日間あるので安心ですね。

▼ロリポップ!レンタルサーバーはこちら
▼インストール不要の画像作成ツール▼
画像作成ツールボタンメーカープロ

カテゴリー

アーカイブ


リンク

アフラット
ページのトップへ戻る