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

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
Теги : разрешение

Похожие статьи:

Справочники и учебники:


Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Сколько будет Οдин + Τри
Главная
X

Новые заметки:

Про что мы забываем когда делаем оценку задачи по времени

Список вопросов для собеседования разработчика по телефону

Symfony2 авторизация без Doctrine2 для чайника

Phpstorm7 LiveEdit

Жесткий хабр или не хабр, тогда кто?

Яндекс.Деньги мошенничество

Как узнать какие страницы в поиске яндекса или это секрет

Последние комменты:

Yapro CMS:

Здравствуйте, Гость | Войти | Регистрация | Карта сайта | RSS ленты | Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter

youtube.com/watch?v=7hFivbgIEqk

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

Главная » Веб-мастеру » Дизайн »