I am just building a new site for a client and want to make sure I serve him best. I am at the process of determining the page width.
First, for the last few years, my pages have been typically about 900 pixels wide and centered in the middle of the browser window. This works really well. That's not the approach I am taking now though. My old standard of 900-1000 pixels seems really small on today's monitors.
I am creating a three column page layout. The leftmost column needs to stick to the left side of the browser. If the browser is set really wide, there is a huge vertical dead zone on the right side of the browser. That's not really a problem since I doubt most people open their browser to 100% wide on a 1600px monitor.
My question is this: Is there a standard pixel width that you assume 90% of the people use to view a web site?
Before smartphones and tablets became popular, web designers created fixed width pages that worked on the most common screen sizes - usually 1024 pixels wide by 768 pixels high.
what size (width and height) is considered to be a standard WebPage? could you please advise? Most designers these days expect desktop (non-mobile) browsers to be displayed on monitors that are 1024x768. A common width is 960 pixels, which will accommodate the scrollbars and still leave a bit of room on a 1024 pixel wide screen.
Page height, width and alignment. Before smartphones and tablets became popular, web designers created fixed width pages that worked on the most common screen sizes - usually 1024 pixels wide by 768 pixels high.
Here are the different standard webpage dimensions on different devices: The standard webpage maximum width dimensions for desktop screens are 1440 pixels. It's a common practice restrict the maxium width dimension for your site. This way the page will still look good even on wide or super wide monitors.
960 pixels!
It has plenty of denominations to allow you to split your page up into various columns. I suggest taking a look at http://960.gs
I know, as you said that it is small compared to your monitor, however there are a lot of users (the majority) who would benefit from keeping this resolution.
You can also consider using a so called "responsive" approach:
http://978.gs/
The idea is that using media queries (and substitute techniques) you adapt your layout to the viewport of your visitor, so ideally you can offer the best content to everyone.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With