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