[CSS]100%幅のヘッダとフッタを天地に固定表示するスタイルシート

ビギナーズ向けに解説された、100%幅のヘッダとフッタを固定幅のコンテンツの天地に固定表示するスタイルシートをNoobcubeから紹介します。

デモのキャプチャ

Fixed Header & Footer Layout: A Beginner's Guide
demo

スタイルシートはIE6をはじめとする主要ブラウザをターゲットにしており、IE6用のスタイルシートファイルやdivの入れ子でIE6に対応しています。

HTML箇所の最小構成は、下記のようになります。

top of page

©2017 coliss