10 12/2008Damien Buckley Choose your resolution

When dealing with web design, screen size and resolution is one of the most commonly mis-understood factors we come across. Many clients – especially those upgrading from older websites will generally ask for their new website to ‘fill the whole screen’.

Whilst their thinking in wanting to maximise the website to full effect and not have ‘wasted space’ around it, is understandable; what is often not considered is for who’s screen we’re talking?

Whilst this might seem obvious to others, most often people assume that their screen size is the only screen size and therefore if they have a 17” screen with a resolution set to 1024×768; what they often do not understand is that other website visitors may be using something very different indeed.

In fact there are currently a vast array of screen sizes and resolutions in use. Some commonly used screen resolutions are:

  • 800 × 600
  • 1024 × 768 (most common)
  • 1280 × 1024
  • 1680 × 1050
  • 1920 × 1200

and this is before we even start talking about mobile devices such as iPhone

When you take this into account and also discount the other assumption that everyone uses their browsers maximised to fill the screen – most don’t – then the issue becomes much murkier.

At Propeller, for the past two years and for the forseeable future, we favour a fixed width, centered layout designed to comfortably fit a 1024×768 screen resolution, typically with the content area set to a 960px wide grid. Using this resolution gives us a lot of flexibility; lending itself to either two, three or more column layouts.

Centering the content area ensures that users with maximised browsers or those with resolutions set larger than 1024×768, will have the content comfortably positioned in the center of their viewing area.

Furthermore, working within this width with two or more columns allows us to stay close to the ideal 66 character line length making for comfortable reading.

This article from Ben Buchanan walks us through the whys and where-fors of screen resolution selection in more detail.

Like this? Share it!

Recent Projects

  • The 'New' Stradbroke Island Beach Hotel Website

    Stradbroke Island Beach Hotel

    We dont often share single website launches but in this instance there is a degree of history behind it which speaks to a return on investment not normally associated with websites.

  • Brown Brothers Engineers New Zealand

    Brown Brothers Engineers New Zealand

    December 2013 saw the launch of a new Brown Brothers Engineers Australia website. October 2014 sees the turn of New Zealand parent company Brown Brothers Engineers.

  • RedFest 2014

    RedFest

    Read about Propeller’s 2014 responsive reboot of the RedFest website.

  • Into Harmony Health Services

    Into Harmony Health Services

    Into Harmony Health Services are located in Bayside, Brisbane. Melanie Young has been passionate about health and wellness for over 30 years. Following a substantial period of rehabilitation following a car accident and surviving cancer in her late twenties, Melanie has dedicated years of personal development and training to assisting other people with their health challenges.

Get The Latest!

Subscribe to our free e-newsletter for our latest news and offers - direct to your inbox.