Ширина скроллбара в разных браузерах

Internet Explorer 8: 21px

Все остальные: 17px

Но не забывайте что эти значения действительны в случае если пользователь не менял ширину скроллбара.

Ширина скроллбара в разных браузерах

Обратите внимание на особенность рабочей зоны окна браузера.

Когда окно браузера растянуто на всю ширину окна, то у него нет бордеров окна слева и справа, в противном случае они есть и для разных браузеров имеют разные значения.

Например сделаем окну браузера Firefox ширину 1000 пикселов, тогда свободная рабочая зона будет:

1000 (ширина окна браузера) - 976 (offsetWidth для BODY) - 17 (ширина скроллбара) = 7 пикселов на оба бордера окна (слева и справа)

А теперь прикинем если окно браузера Internet Explorer имеет ширину 1024px:

1024  - 991 ( document.body.offsetWidth ) - 21 (ширину скроллбара) = 12 px на оба бордера окна (слева и справа)

поэтому, для разрешение 1024 не делайте дизайн сайта более 991 px.

А еще лучше имейте ввиду что ширина скрола может быть еще больше, к тому же хорошо делать хоть небольшие отступы от краев окна (хотя бы по 5 пикселов), поэтому для 1024 макс. дизайн сайта сделаем 980px и уверен многие посетители будут Вам благодарны.

Оцени публикацию:
  • 9,43
Оценили: 9
Теги : разрешение

Предложения и пожелания:

 

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2019 YaPro.Ru

Лебеденко Николай Николаевич
Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter