: What is the 'most common' width and height that websites are being designed for these days? I'm working on a group project and trying to get my colleagues to submit a drawing regarding their
I'm working on a group project and trying to get my colleagues to submit a drawing regarding their vision for an online application; this application will be viewed through a PC. Although I suspect there is not an industry standard, I am certatin that there must be common approaches for sites with fixed-width layouts. I need to know the most common sense of proportions in the industry.
We are going to keep this prototype simple, and therefore will not be detecting browsers, screen widths etc. So, I figured I would ask this in a simple way with the hope of getting a simple answer:
What is the 'most common' width and height that webpages are being designed for most recently. It would be very helpful if I could site a source when I tell my coleagues why I chose a specific sense of proportions for them to base their drawings on.
Please note how I asked this question:
I am not asking for the most common screen resolutions.
I am not asking for the most common browsers.
I want to know what dimensions most websites are opting for in regard to fixed-size layouts. I know that people normally scroll and therefore height might not be part of a ~'standard'; in that case, I will settle for the most common width.
More posts by @Shakeerah822
3 Comments
Sorted by latest first Latest Oldest Best
There really isn't a standard width you should be setting. The amount of people using a 1024x768 monitor has dropped drastically in the past few years, so a width of 960 has less importance. With the emergence of so many new devices (smart phones, tablets along with laptops and desktops), you should create a number of stylesheets for each case.
CSS media queries allow you to change styles based on the user's screen resolution. I tend to make sites with a general stylesheet that handles all of the visual styling, then separate ones for mobile, tablet, standard desktop/laptop and extra wide screens that structures the page.
Check out this page on W3.org for a few examples - www.w3.org/TR/css3-mediaqueries/
It is more work, but will allow the user to get the best possible experience no matter what they use to browser their site.
What @John Conde said. In addition to that you have to factor in who your target audience is. For example, if my website is a technology blog or gadget blog, chances are my target audience is bit more tech-savvy than the normal audience, so I can shoot for 1200+ px wide layout. Or if I were focusing a site/blog/forum for webmasters I would go a bit more wider.
At the end of the day figure out your mass demographics and follow what would ultimately work for them.
Two VERY important things to keep in mind...
1) If your design can work with a 900+ px then there is no reason to stretch it to 1200+ px even if your demographics can afford it..
2) Ensure that you have proper structure in place which can accommodate those uers who may not have your target resolution..
Like you said there is no standard height as that is extremely fluid so just use whatever helps you visualize your design best.
For width 960 pixels wide seems to be current "standard" for fixed width designs. It's common enough that a website has been dedicated to exploring layouts at that width.
(I'm assuming you don't want anyone ranting about using a fluid design?)
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.