« FFFTPでリモートのファイル一覧が見れない | メイン | CSSで高さ100%のボックスが上手く伸びない時 »
2007年10月25日
CSSでフッターを画面の下に固定する
CSSでレイアウトして、フッターを設置すると、コンテンツの量が少ないページの場合、フッターが画面の下から離れてしまい、ページ自体の背景色が表示されてしまいます。
これを解消するためにはbody,containerなどのheightを100%にして…と思うのですが、そう簡単には全てのブラウザでは表示されず、調べることになりました。
下記のサイトで、大体、いけるはず。
≫ A CSS sticky footer that just works
ウインドウを縮めると、背景画像が一部分だけ消えたり、上のボックスの上に乗って、とんでもない位置にフッターが表示されたりしましたが、なんとか解決。
いろんな人と関わる案件をこなすと、いろんな視点から指摘されて、技術の幅は広がります。
投稿者 yossy : 2007年10月25日 19:43
トラックバック
このエントリーのトラックバックURL:
https://www.tetsuya.yoshida.name/cms/mt-tb.cgi/184