[DEMO] 固定幅のボックスに配置したメニューをブラウザいっぱいに広げるテクニック

ヘッダ、メニューを含めた全体をひとつの div の中に納めています。
横幅は 830px で固定、さらにセンタリングをさせています。

メニューもこの 830px のボックスの中に入っていますが、このサイトのメニューのようにブラウザいっぱいに広げたい、というときもあると思います。そんなときに使えるテクニックです。

対応ブラウザ

Firefox, Google Chrome, Safari, Opera, IE
※ただし、IE6, 7, Opera については、ブラウザをコンテンツ幅より小さくしてもスクロールバーが表示されません。

CSS-EBLOGの元記事へ戻る