Comments on: Not Designing for Most Common Screen Resolution

By: Is there a maximum value for page width? - Webmaster Forum

Is there a maximum value for page width? - Webmaster Forum — Tue, 02 Mar 2010 19:08:27 +0000

[...] to adjust to the browser window width you need a flexible design (liquid design) and design for the most common resolution your target audience will be using. [...]

By: Computer Help

Computer Help — Mon, 01 Mar 2010 18:14:10 +0000

When I first got my widescreen laptop a couple of years ago, some web pages didn’t look quite right, perhaps due to screen resolution settings in the design. Now, most seem fine. It’s funny, when going back to the old non-widescreen monitors, web pages look funny.

By: newb - positioning my container in CSS...? - Webmaster Forum

newb - positioning my container in CSS...? - Webmaster Forum — Mon, 22 Feb 2010 04:08:50 +0000

[...] margins and padding until it is placed where you want it horizontally and works at different screen resolutions. Now the height creates a problem. If you have a fixed height then that limits what you put in the [...]

By: Web Page Mistakes

Web Page Mistakes — Mon, 11 Jan 2010 03:22:38 +0000

“Most users have 1024×768 or higher” I would like to know where this information is gathered from...

The source of that quote is provided above.

By: Darren Dion

Darren Dion — Mon, 11 Jan 2010 03:00:01 +0000

“Most users have 1024×768 or higher” I would like to know where this information is gathered from as I am not quite sure I agree.

Designing a liquid site, in my opinion, is the best way to avoid potential resolution issues.

Always remember design for the user not yourself.

By: indian

indian — Mon, 04 Jan 2010 06:27:37 +0000

Nice article. I myself like flexible width websites with different CSS for each media

By: Andrew

Andrew — Tue, 29 Dec 2009 23:31:25 +0000

I moved our Weighing Scales to a higher resolution. It was a gamble for us a lot of people are still stuck in the 90’s on 800 x 600 screens. It’s a little frustrating but we wanted to get more info on teh screen for a better user experience, as we’re mostly business 2 business i feel that a lot of computer users are more savvy and therefore keep their computers up to date.

By: Web Page Mistakes

Web Page Mistakes — Wed, 15 Apr 2009 15:16:30 +0000

“W3Schools is a website for people with an interest for web technologies. This fact indicates that the figures below might not be 100% realistic. The average user might have display screens with a lower resolution.
http://www.w3schools.com/browsers/browsers_display.asp

There is more to consider than the resolution setting of the visitor’s monitor, the actual monitor size. Making your design suit a specific monitor size can also create problems/horizontal scroll bar.

“Do not design solely for a specific monitor size because screen sizes vary among users. Window size variability is even greater, since users don’t always maximize their browsers (especially if they have large screens). “http://www.useit.com/alertbox/screen_resolution.html

By: Andrea

Andrea — Wed, 15 Apr 2009 09:23:11 +0000

In a well written XHTML page, the use of different CSS for each media is not a big deal and could solve most of the problems.
For instance, a CSS for printing, don’t need much styles, whilst you could hide some DIVs)
A mobile version could reduce the size of the fornts and of a couple of DIV.

Browser not opened in a full screen: well, user can resize the window when he realize that scrolling is unconfortable. Also, today’s browser allows to zoom-in and zoom-out.
However, altough I don’t like liquid layouts, this could be a solution as well.

Vision problems: again, CSS based on media, zoom-in and zoom-out, in addition to the fact that people that has big vision problems, usually are helped by specific software for text-reading. They can overrides the stylesheet for a better viewing and that’s fine, but I don’t see the point on that.

Again about printing: as a general rule for the environment, please try to print as less a possible.

Definately, I’m for using AT LEAST a 1024 width standard.

By the way, take a look at that: http://www.w3schools.com/browsers/browsers_display.asp

By: Web Page Mistakes

Web Page Mistakes — Wed, 17 Dec 2008 21:46:16 +0000

While your target audience might be using a resolution that suits designing for 1024 width, as the Webstyle Guide article points out, you still have to keep in mind that if a visitor wishes to print your page it needs to work.

"...The "safe area" for Web page graphics is determined by two factors: the minimum screen size in common use and the width of paper used to print Web pages...."

PAGE DESIGN: Page dimensions

Also, there are those who:

Use mobile phones
Do not have the browser window open to full screen
Have vision problems and have set their browser and/or screen resolution to suit their needs and override what you, as a designer, have set in the stylesheet.
Find it easier to read things printed out if they find your information useful and/or interesting enough that they would like to read it at their leisure offline.