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

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 и уверен многие посетители будут Вам благодарны.

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

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