browser - ブラウザのスクロールバー

Question

私は完全に中央揃えのウェブサイトを持っています。CSS コードは問題なく動作します。この問題は実際には CSS とは関係ありません。各ページに完全に一致するヘッダーがあります。

ただし、コンテンツが大きくなると、Opera と FireFox は左側にスクロールバーを表示して、画面にないコンテンツまでスクロールできるようにします。これにより、サイトが数ピクセル左にジャンプします。したがって、ヘッダーは完全に整列していません。

IE には常にスクロールバーがあるため、IE でサイトが飛び回ることはありません。

この問題の JavaScript/CSS/HTML ソリューションを知っている人はいますか?

score 9 · Accepted Answer

私が使う

html { overflow-y: scroll; }

IE と FF でスクロールバーの動作を標準化するには

score 2 · Accepted Answer

FWIW：私は使用します

html { height: 101%; }

スクロールバーが常に Firefox に表示されるようにします。

score 0 · Accepted Answer

パーセンテージ幅または固定幅に合わせていますか? 私はまた、あなたが体に背景を適用していると推測しています.私は自分自身でこの問題を抱えていました.

ただし、ソースコードを表示できるようにページをアップロードしていただくと、より簡単にご利用いただけます。

score 0 · Accepted Answer

   #middle 
   {        
position: relative;
margin: 0px auto 0px auto;      
width: 1000px;  
max-width: 1000px;
}

私の中央のDIVです

score 0 · Accepted Answer

まあ、あなたは必要ありませんposition: relative;-それがなくてもうまくいくはずです。

私はそれが広くdiv なければならないと思いますか？1000px実際のWebサイトでこれに答える方がはるかに簡単です.

5 に答える 5