Полоса прокрутки браузера
У меня есть сайт, который идеально выровнен по центру. Код CSS работает нормально. На самом деле проблема не в CSS. У меня есть заголовки для каждой страницы, которые идеально подходят друг другу.
Однако, когда содержимое становится больше, Opera и FireFox показывают полосу прокрутки слева, чтобы вы могли прокручивать содержимое не на экране. Это заставляет мой сайт прыгать на несколько пикселей влево. Таким образом, заголовки больше не выровнены идеально.
В IE всегда есть полоса прокрутки, поэтому сайт никогда не прыгает в IE.
Кто-нибудь знает решение этой проблемы с помощью JavaScript / CSS / HTML?
Ответы 5
Вы выравниваете ширину в процентах или фиксированную ширину? Я также предполагаю, что вы применяете фон к телу - у меня самого была эта проблема.
Вам будет намного легче помочь, если вы загрузите страницу, чтобы мы могли видеть исходный код.
#middle
{
position: relative;
margin: 0px auto 0px auto;
width: 1000px;
max-width: 1000px;
}
мой центрированный DIV
Что ж, вам не нужен position: relative; - он должен нормально работать и без него.
Я так понимаю, что divимеет будет шириной 1000px? Было бы намного проще ответить на этот вопрос с помощью настоящего веб-сайта.
я использую
html { overflow-y: scroll; }
Чтобы стандартизировать поведение полосы прокрутки в IE и FF
FWIW: я использую
html { height: 101%; }
чтобы полосы прокрутки всегда отображались в Firefox.