I try to use a web page of 960 X 600 at the moment but have noticed some people going larger than that already. I think the answer to this and life, the universe and everything is 42! Who know what is right and wrong. Mostly depends on the expected end user and the machines they run. Thanks for all the good work, Matt.

It is a pain that not all screens are the same size and resolution. I Generally design most my websites at 1000×800. This includes a good 200 pixels of background. Also the Dell XPS laptops have a stupid resolution of 2048 x something, and even the larger of the website i design look tiny! A lot of people at the moment don’t have super resolutions like this, but one day they will, and we will need to design much bigger than we currently are.

[...] 27 04 2009 Interesting artlcle about the latest, most-commonly used Screen resolutions of web users, posted this month (so rather [...]

I tend to design for a screen width of 1024. However, it’s still considered good practice to design for 800×600 as a chunk of web users still have smaller screens.

It really depends on your userbase and sometimes your client’s wishes.

I never understand people designing sites to a width of 900px and there are a lot out there. It’s right in between an 800×600 monitor and a 1024×768 – seems an odd choice – choose one or the other, don’t go in between there’s nothing to gain.

Im one of the SEO guys @ Blueprint design Studio in chicago and I think its still vastly way to spread out. I mean at home I have a 15″ screen and at work I have a 20″ screen and certain stuff I surf on at work looks weird at home. but the majority I’v seen with people browse the web in 1024 x 768. Just my thoughts.

I use to be hooked into my tv with my laptop and desktop. but it got really annoying when I sat down and could not read the text on the screen.

It is difficult to lay out a standard web page width. There are so many factors to consider. Quite a few of which you have illustrated beautifully.

I usually opt for 900 width only because historically the analytics of most of my websites barely show 1% of the audience using 800×600 res, I wonder what the resolution would be on the new $10000 coffee table pc!

I think the majority of desigers are currently designing to somewhere between 900-1000px width. It is so apparent when I look at a few of my clients websites that were designed for 800×600 as they look dated because of it!

I roll with sites designed at 1024pix width..
Recently I checked out Alexa’s top 500 websites of the world and almost all are doing the same…
1024 is the new 800!

Dave Ellis, I think you’re missing the point. When someone designs for 1024 width, it doesn’t mean they’re designing the site literally at a width of 1024. It means they’re designing for a screen width of 1024, hence 900px being a more than reasonable choice of width.

thank you very much for providing me such wonderful post.

Great article, we’ve just re-designed our website and being a web designer this is actually quite a big issue. I was working on a 15″ macbook pro and was relatively happy with it until i looked on a 24″ imac.

It’s good you mentioned in the article that it’s not just about the resolution, but about browser habits. On a PC I find I maximise my windows a lot, but on my Mac’s the OS encourages you to have multiple windows floating around, and even tho it’s a native 16×9 screen I tend to have my web browser at more of a ‘square’. I’m also loving Safari 4b’s brilliant use of tabbing within the header of the software for even more real estate.

My current site is using a 100% width for header and footer, and static width of 960px for content. Surprised not to see 960 being thrown around here a lot, it’s a very common size (heck even the 960 grid css is built around it)and it’s fun to be working on my site, flick around a few tabs and see other sites match its borders exactly.

Evan Skuthorpe – I just don’t see the point in dropping 90-100 pixels off your available space. If you make a decision to design for a 1024, use what’s available, whether you use it as negative space or not is up to you – it just seems an easy choice to design at a width of 900 pixels and float your design in the middle to take up the rest of the space, and again I don’t see what there is to gain from using less space.

c’mon Dave (ellis)… I think Anthony (author) mentioned about browser chromes, right? To make it a bit clear… Imagine a viewer’s screen is 1024 in width and you designed your page for 1024, and say the browser’s v-scroll appeared… you’ll notice that you’ll also have a h-scroll since the v-scroll bar takes some space in your 1024 screen. If that scroll bar has to be displayed, your site that has a width of 1024 will not fit anymore; thus, the need for h-scroll. and we don’t want that.
To avoid that, we need some allowance… so designers make 900 or 960 widths for a 1024 screen.

most of the sites we developed uses 900px width as well.

Nice post on resolution survey

i was using 900 but out our boss got new monitor has 2048 px. and he is telling everyday adjust our website width, so we are confused bcoz we can not make witdh to 1800-2000

Just because you have a 2000 dpi + monitor doesn’t mean you have to use the whole width! many people have large resolution monitors to open lots of panes for applications like Flash or multiple applications open. But I think 960 is pretty much standard at the moment, god knows how people cope on those tiny Internet cafe laptops lol.

The optimal width also depends on the content. A site that uses sidebars and side boxes would require and accommodate greater width. A simple site would look better with a compact width. The branch library in my neighborhood has computer screens with maximum widths of only 800 dpi. You can’t imagine how frustrating it is to have to scroll left-right.

The tip about analytics is good, however i currently believe the bigger is better with web 2.0 designs surfacing more and more!

Yes, 960 pixels wide should be the new standard!

Why? Because this fits the width for the native resolution for a large number of existing monitors (17″–19″ LCDs at 1024×768) AND it is exactly half the width of the current crop of large widescreen monitors which typically have a native resolution of 1920×1200 or 1920×1080 (1920 / 2 = 960).

As someone mentioned, just because one has a large monitor, doesn’t mean they maximize their browser window within that monitor.

Since Windows 7 makes docking windows to the left or right side of a display so easy, more and more people will start to do that. The ability to have two browser windows tiled side by side (without horizontal scrollbars) is awesome.

I think designing for a width greater than 960pixels is a big mistake.

I agree with Dave, it doesn’t matter if we use up all the space, whether negative or positive it can be adjusted later according to our suitability. But lets try to keep our options open up to the space really available.

I’m with dave too, although he still seems to not be including some factors. 900px is a waste of a lot of useful space you could otherwise have. You can take into consideration items like not having the window completely maximized, having a vertical scrollbar and still add 75 pixels to that number. I just redesigned a website for a client who’s previous designer thought it would be a great idea to have the width at 880px… Not only was that choice quite limiting for things like product listings (only allowed them to list 2 per row), but it still provided a horizontal scrollbar for 800×600 and was not even remotely making use of the extra space for users with 1024×768. My advice, start with the max reasonable width for the resolution 1024×768 (aka 1000px), then test the design is multiple browsers under multiple conditions. You’ll find you may need to scale it back another 30px or so, or perhaps not.

curious to know about where “the fold” should be estimated though. right now i’m designing for a small monitor – maybe a 13″ macbook, so i have 900px wide – but for my pretty splash/homepage i’m curious to know where to estimate the fold.

anyone know of stats on where mac users keep their dock & icon size? i always keep my dock on the left, but they come shipped w/ the dock at the bottom (and with huge icons)

I don’t know if this thread is dead, but the debate goes on. With the benefit of a full year passed since the first post, I think the argument now favours the “wider is better” camp. High resolution, wide screen monitors are now the rule, not the exception. 800 x 600 sites look dated, waste h-space and require lots of v-scrolling to fit content. I think designing small to accommodate multiple windows on the desktop is giving the user too little credit. If the site is of interest he/she will take the millisecond to expand the browser. 960px is a good compromise – large enough to accommodate content, small enough to fit in an 1024 window (minus chrome).

I think the vast majority of users browse the web with their browser maximised, so wider probably is better.

Thanks, btw i too prefer the 960px these days!

Been doing this for a very long time and 960/980 is todays standard. Most users in my stats do not maximise their browser window if they’re using a larger screen. I do not agree with the fact that there is lost space as most designs use the background design/image within this area as part of the design and it breaks the page from the desktop image/contents.

According to me more than 90% people are preferred wider browser!

I would say the majority of my sites are 960px. For those three column sites the 800×600 users will still see the first two. So we have to be careful what goes in the right hand column.

When it comes to designing a website, i generally, set the website to centre in the browser and have the with at 1000, seems to do the job, then let the website have any height with a few nice borders.

If anything, people with small monitors will eventually force themselves to get a bigger monitor as the price for them is so low now. We need to cater for the future and the rest will soon follow

I wish that Goog analytics would track browser window width as well as screen resolution, I for one almost never maximize my applications.