[CSS]上下フレームの背景を中央寄せでずれさせない方法

質問

ホームページ作成中です。
上下2つにフレーム分けしています。
ページはテーブルで構成された中央800pix固定にしようとしています。
さて、上下のフレームにまたがるような固定の1枚背景画像を中央にセットしたいのですが、問題が発生しています。

上フレームについては問題なくできています。ただ、下フレームが、本文が長くなった際もちろんスクロールバーが出るのですが、スクロールバー分左にずれてしまいます。

下をスクロールさせてもちゃんと背景画像を出したいのでテーブルの背景ではちゃんとできないですよね。

どうにかして上下フレームの背景画像で中央寄せした場合、ずれないようにする方法はないでしょうか?

回答No.1

noname#19206

一番確実な方法はCSSでbodyにoverflow:scroll;を指定することです。
IE4(Win/Mac),Netscape 4を除くほとんどの環境で常にスクロールバーが表示されるようになります。

ただ、コレを指定すると横スクロールバーも常に表示されるようになります。
overflow-y:scroll;で縦スクロールバーだけの表示も可能ですが、まだ対応している環境が少ないため、ほとんどの環境には効果がありません。