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

StackOverflow https://stackoverflow.com/questions/26879

  •  09-06-2019
  •  | 
  •  

Вопрос

У меня есть веб-сайт, который идеально выровнен по центру.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 широкий?Все равно было бы намного проще ответить на этот вопрос с помощью самого веб-сайта.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top