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.
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.
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.
Resolving the Resolution DilemmaBy 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!