質問
完璧に中央揃えのウェブサイトがあります。CSSコードは正常に動作します。この問題は実際には CSS とは関係ありません。各ページに完全に一致するヘッダーがあります。
ただし、コンテンツが大きくなると、Opera と FireFox では左側にスクロールバーが表示されるため、画面にないコンテンツまでスクロールできます。これにより、私のサイトが左に数ピクセルジャンプします。したがって、ヘッダーは完全に整列しなくなりました。
IE には常にスクロールバーがあるため、IE 内でサイトが飛び回ることはありません。
この問題に対する JavaScript/CSS/HTML の解決策を知っている人はいますか?
解決
私が使う
html { overflow-y: scroll; }
IE と FF のスクロールバーの動作を標準化するには
他のヒント
FW:私が使う
html { height: 101%; }
Firefox でスクロールバーが常に表示されるようにします。
パーセント幅または固定幅で揃えていますか?また、ボディに背景を適用していると思います。私自身もこの問題に遭遇しました。
ただし、ソース コードを確認できるようにページをアップロードすると、サポートがはるかに簡単になります。
#middle
{
position: relative;
margin: 0px auto 0px auto;
width: 1000px;
max-width: 1000px;
}
私の中心となる DIV です
まあ、必要ありません position: relative;
- それなしでも問題なく動作するはずです。
そうだと思います div
もっている することが 1000px
広い?実際の Web サイトでこれに答える方がずっと簡単です。
所属していません StackOverflow