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