Allowing for scroll bar width

Webfoot

New Member
I am designing a web page for a 1024 x 678 pixil format.

which means that the live width would be 960 pixils.

As I understand it, scroll bars are 18 pixels wide.

If scroll bars are added at right of the page, does the browswer effectively increase the width by those 18 pixils.

Or do I need to subtract that 18 pixils from the live area?

(leaving me 942 pixels to work with)

Thanks.
 

ronaldroe

Super Moderator
Staff member
Best practice is to design no more than 960px wide.

To answer your question, the scroll bars are included in the total width of the browser window, AFAIK
 

Webfoot

New Member
Thank you.

If i understand correctly, then If I am designing for 960 width and plan to include a scroll bar (18 pixels) at right.

Then 942 pixels width remains for the rest of the content on that page.

correct?
 

Phreaddee

Super Moderator
Staff member
no thats not how it works.
960 is designed so that it fits on a resolution of 1024
1024-960=64 thats your headroom
if your scrollbar is 18px that leaves 46px.
if you've centered your content thats 23px to the left and the right.

unless you intend to have a scrollbar within the page content itself, which you would only do if you were to have a fixed height webpage, then it would sit on the right of that particular div. otherwise it will sit on the right of the browser.
 

Webfoot

New Member
Thank you... Will browsers such as firefox,

Google Chrome, and current versions of i.e. automatically supply the scrollbar that sits to the right if it is needed?

Or must i supply the code for that. (I'm working in Dreamweaver CS5)
 
Top