Tell me more ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.
up vote 3 down vote favorite
1

RE: Design of 'fixed-width' websites, optimized for universal readability across all screen-size resolutions (i.e., best viewed, with no horizontal scrolling, over broadest range of both desktop/laptop & mobile-device browsers) – What is currently considered an ideal standard for 'maximum page-width' (meas. in pixels)?

share|improve this question
Hi dangowans! This question is not within the scope of UX, to see what type of questions that should be posted here please see the FAQ. I would suggest a moderator moves this to Webmasters.SE – AndroidHustle Aug 8 '12 at 14:53
This has gotten a couple flags as a duplicate of ux.stackexchange.com/questions/6929/common-screen-resolution. Do the answers there answer your question? – Ben Brocka♦ Aug 8 '12 at 14:53
Worth also noting that width may not necessarily be entirely dependent on screen resolution, and may in fact be more closely related to common viewport sizes. – dhmholley Aug 8 '12 at 14:57
The "common screen resolution" question somewhat answers my question for what resolutions are out there. I guess I was looking for guidance on selecting the width of the website itself. – dangowans Aug 8 '12 at 15:10

3 Answers

up vote 9 down vote accepted

If you are going to go with a fixed width approach, your best option IMO would most likely be based on your sites analytic first. If you don't have analytic's you could build toward the most commen screen size based on global internet analytics, sites like StatCounter provide fairly reliable data.

If you serve a very large amount of users and there is no clear cut/primary screen size (view port for a more modern approach), I would suggest looking into other avenue like Responsive Design. Many sites try to server to all resolutions sizes end up heading toward Responsive Design. Good article to read on A List Apart by Ethan Marcotte; if you are unsure of what Responsive Design is.

share|improve this answer
1  
Thanks for the link on Responsive Design. Really good. – dangowans Aug 8 '12 at 17:01
up vote 1 down vote

After reviewing the tips from DA01 and JeffH, I ended up with the 1140 CSS Grid System. The perk of this is that the width is "fixed", so the paragraph lengths aren't too long, however, it shrinks nicely to work with smaller resolutions.

A neat way to get an idea how things look on smaller resolutions. I develop on Firefox with the Web Developer toolbar. After getting the "Responsive Design" term in my head, I noticed under the "Resize" options, an option called "View Responsive Layouts". This option displays the current website in a series on popular mobile and tablet resolutions.

share|improve this answer
Thanks for letting know about 'View Responsive Layouts' in 'Web Developer'. – SyAu Apr 14 at 23:55
up vote 4 down vote

needs to work in browsers of all resolutions.

and

I'm thinking fixed width

are somewhat contradictions.

To work best of desktops, laptops, netbooks, tablets, smartphones, etc., what is the currently accepted best width for a fixed-width website

Well, there really isn't one, but keep in mind you're asking for something that will work on an iPhone as well as a 30" HD monitor. That's going to be tricky.

I believe mobile Safari assumes web pages, by default, will be 980px wide. So, barring no other context here, I'd say that 980px is as good as any to pick for a universal fixed-width site.

share|improve this answer
I appreciate the 980px tip. I'll keep that is mind when building out the layout. – dangowans Aug 8 '12 at 17:00

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.