Панель прокрутки браузера

Question

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

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

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

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

Answer 1

Я использую

html { overflow-y: scroll; }

Для стандартизации поведения полосы прокрутки в IE и FF

Answer 2

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

html { height: 101%; }

, чтобы полосы прокрутки всегда появлялись в Firefox.

Answer 3

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

это мой центрированный DIV

Answer 4

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

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

Answer 5

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

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