Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there a new standard web page width? How many pixels?

Tags:

html

browser

css

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?

like image 807
Evik James Avatar asked Sep 01 '11 14:09

Evik James


People also ask

How many pixels are in a web page?

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 a standard webpage?

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.

What are the dimensions of a page?

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.

What are the different webpage dimensions on different devices?

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.


2 Answers

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.

like image 84
Michael Avatar answered Oct 10 '22 21:10

Michael


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.

like image 23
Wabbitseason Avatar answered Oct 10 '22 21:10

Wabbitseason