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

HTML・CSS | 2013.03.07

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

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

『htmlの高さ＝bodyの高さ』

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

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

という関係があります。

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

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

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

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