私は、完璧に中央に位置合わせされたウェブサイトを持っています。 CSSコードは正常に動作します。問題は実際にはCSSと関係がありません。私は完璧にお互いに一致する各ページのヘッダーを持っています。ブラウザのスクロールバー
しかし、コンテンツが大きくなるとOperaとFireFoxは左にスクロールバーを表示し、画面に表示されていないコンテンツにスクロールすることができます。これにより、私のサイトは数ピクセル左にジャンプします。したがって、ヘッダは完全に整列されていません。
IEは常にスクロールバーを持っているので、サイトはIEでジャンプしません。
誰でもこの問題のJavaScript/CSS/HTMLソリューションを知っていますか？
私はIEでスクロールバーの挙動を標準化するために
html { overflow-y: scroll; }
を使用し、FF
パーセンテージの幅または固定幅に調整していますか？私はまたあなたが体に背景を適用していると推測しています - 私は自分自身でこの問題を抱えていました。
しかし、私たちはソースコードを見ることができるようにページをアップロードすれば助けになるはずです。
#middle
{
position: relative;
margin: 0px auto 0px auto;
width: 1000px;
max-width: 1000px;
}
は私の中心DIV
ですさて、あなたが必要としないposition: relative; - それはそれなしで正常に動作する必要があります。
私はそれを取るdivはが1000pxワイドですか？実際のウェブサイトでこれに答えるのはずっと簡単です。
FWIW：私は常にFirefoxで表示されるようにスクロールバーを強制的に
html { height: 101%; }
を使用しています。