Браузерная полоса прокрутки

Question

У меня есть сайт, который идеально по центру. Код CSS отлично работает. Проблема не связана с CSS. У меня есть заголовки для каждой страницы, которые идеально соответствуют друг другу.

Однако, когда контент становится больше, Opera и FireFox показывают полосу прокрутки слева, чтобы вы могли прокручивать контент, не содержащийся на экране. Это заставляет мой сайт прыгать на несколько пикселей влево. Таким образом, заголовки больше не выровнены.

IE всегда имеет полосу прокрутки, поэтому сайт не перескакивает в IE.

Кто-нибудь знает решение JavaScript/CSS/HTML для решения этой проблемы?

Answer 1

Я использую

html { overflow-y: scroll; } 

Чтобы стандартизировать поведение полосы прокрутки в IE и FF

Answer 2

Вы совмещаете с процентной шириной или фиксированной шириной? Я также предполагаю, что вы применяете фон к телу - у меня была эта проблема.

Вам будет намного проще помочь вам, если вы загрузите страницу, чтобы мы могли видеть исходный код.

Answer 3

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

мой по центру DIV

Answer 4

Ну вам не нужен position: relative; - он должен работать нормально без него.

Я полагаю, что divимеет должно быть 1000px wide? Было бы гораздо легче ответить на этот вопрос с помощью фактического веб-сайта.

Answer 5

FWIW: Я использую

html { height: 101%; } 

заставить скроллбар всегда появляться в Firefox.