グラフィックデザイナーのためのCSSレイアウトメモ : 便利な小技「ヘッダーとメニューを固定する」

CSSレイアウト[便利な小技] ヘッダーとメニューを固定する [注意] 残念ながら「position: fixed;」はWINのIE(4～6)では対応していない。 FireFoxなどで見てください。 このページをスクロールしてみると、他のページと異なり、ヘッダーとメニューがウィンドウに固定され、メインスペースのみがスクロールする。 「position: fixed;」を使うと、フレームセットのように画面の一部を固定させ、それ以外の部分のみスクロールするように作ることが出来る。 フレームに代わる画期的なCSS、と喜んだのも束の間。 なぜか、Mac IE5やNNで使えるのに、WINのIEでは使えないCSSだった。というわけでハッキリ言って使えない小技だが、一応作り方を解説する。 ボックスを固定するには 「2段組のレイアウト」で「position: absolute;」の説明をしたが（→「pos