CSSでフッターを画面の下に固定する:吉田哲也ブログ(仮)

CSSでレイアウトして、フッターを設置すると、コンテンツの量が少ないページの場合、フッターが画面の下から離れてしまい、ページ自体の背景色が表示されてしまいます。 これを解消するためにはbody,containerなどのheightを100%にして…と思うのですが、そう簡単には全てのブラウザでは表示されず、調べることになりました。 下記のサイトで、大体、いけるはず。 ≫ A CSS sticky footer that just works ≫ フッターを画面の下に表示 ≫ フッタを常に下部に配置 ウインドウを縮めると、背景画像が一部分だけ消えたり、上のボックスの上に乗って、とんでもない位置にフッターが表示されたりしましたが、なんとか解決。 いろんな人と関わる案件をこなすと、いろんな視点から指摘されて、技術の幅は広がります。

[moronbee]

フッター固定

[CHODA]

メモ。