Troy Henson

Resolving the Resolution Dilemma

Posted January 25, 2010

In this day and age of cheaper electronics, more and more people are browsing the web at a more diverse range of screen resolutions than ever before due to the affordability of larger displays. Because of this, creating a good web layout becomes a job of not only creating an enticing design, but also taking into account the wide range of resolutions your viewer could be using.

Without proper planning, there are two main problems that are likely to be encountered.

The Dreaded Horizontal Scrollbar

This problem occurs when a site has been designed at a fixed width that is wider than the viewers current screen resolution. This problem is thankfully becoming more rare, now that the 800 x 600 resolution is basically obsolete. The current standard (which is declining in popularity as I speak) is the 1024 x 768 resolution.

The Abyss

I call this problem "The Abyss" because of the gigantic absence of content when you design a site at a width much smaller than you viewer's resolution. You see this with a lot of older sites that were optimized for the 800 x 600 resolution when viewed at a resolution of say 1680 x 1050 (my current resolution). The viewer ends up with more background than content.

Luckily, both of these issues can be avoided by use of a simple solution called balance. I've found my own little sweet spot that I feel avoids these pitfalls. I find that a width of around 950px tends to work well with the current crop of common resolutions (It is common practice these days to use the 1024 x 768 resolution as the lowest common denominator). Using creative backgrounds and having the headers and footers span 100% of the browser window help eliminate any excessive emptiness issues caused by the ultra-wide resolutions. Another tactic is using flexible "stretching" layouts that shift according to the browser window size, but I find this often leads to results that remind of the table based layouts of the 90s.

| More


Comments

Resolving the Resolution Dilemma

By Troy Henson; 02/23  at  04:40 PM

I agree the trend of centering page content in the sweet spot is a good practice. I also love header and footer backgrounds that stretch the entire screen! Great topic!


Client Login

Leave A Comment

Name:
Email:
Location:
URL:
Comment:
  Remember my personal information
Notify me of follow-up comments?
 

Submit the word you see below: