フッターの背景をコンテンツが少なくてもブラウザの下まで表示する

  • あとで読みたい人は…

@cappeeです。

フッターに背景色を指定していて、コンテンツの内容が少なかった場合、通常だとbodyで指定した色やデフォルトの白がフッター以降ブラウザの下まで表示されてしまいます。

これがイヤなので、背景色がブラウザの下まで続くように指定します。いたってシンプルですね。にゃるほど。

html {
 background: #000;  /*フッターの背景色*/
}
body {
 background: #fff;  /*全体の背景色*/
}

あと、コンテンツ部分にはCSSでmin-heightを指定しておくと、極端にコンテンツが少なくてブラウザの半分がフッターの背景色になってしまうなんてこともなくなります。

Pocket
article clipper フッターの背景をコンテンツが少なくてもブラウザの下まで表示する

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>