質問

完璧に中央揃えのウェブサイトがあります。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 サイトでこれに答える方がずっと簡単です。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top