色んな方法があると思いますがスタイルシートでmin-widthを使い簡単に出来ます。通常のホームページレイアウトは大きく分けると、全体を囲むボックス、ヘッダー用ボックス、メイン用ボックス、フッター用ボックスになっています。 このレイアウトを全体を囲むボックスを無くし、ヘッダー用ボックス、メイン用ボックス、フッター用ボックスに変えさらにヘッダーを幅いっぱいにする為のボックス(仮名称headerbg)とフッターを幅いっぱいにする為のボックス(仮名称footerbg)を加えます。 ここではメインの幅を940pxで作成した例で説明していきます。ヘッダーボックス(仮名称header)の幅を940px、メインボックス(仮名称container)の幅を940px、フッターボックス(仮名称footer)の幅を940pxにします。そこにヘッダーフッターをブラウザ幅いっぱいにするボックスが入っています。下記の