Designing for 1024×768

May 8th, 2008

An article I’ve written on designing websites to work effectively at 1024×768 screen resolution is published in this month’s .Net magazine and on bbctraining.com (which also includes sample template files to download): Designing sites for 1024×768

7 Responses to “Designing for 1024×768”

  1. Anup Says:

    Thanks for the link. Your post is also quite interesting.

    Just wanted to make a note that I believe that statistic of about 80% using higher than 800×600 is from w3schools.com. It is a useful site for sure, but its audience is technical, and its stats are from its own site, I believe. Hence, its numbers are likely to be more favourable to larger screen resolutions.

    That being said, I read elsewhere (and have seen stats for some large, popular sites I work on) that also show a move towards higher screen resolutions, and I am already thinking of changing my blog accordingly at some point, too!

  2. Harry - 88bytes Says:

    hmm really interesting article. thank you for the information, will be handy ;)

  3. Bondbloke Says:

    Why bother when designing a fluid site solves the problem…

  4. Sam Says:

    Well building a fluid site is certainly one option, but it raises other issues in terms of page layout. Generally I prefer to design for a fixed width, it gives you much more control over what the end user sees. Fluid can be probalematic with images, text wrapping around images in funny way. Yes it’s possible to fix these things but you can end up spending more money and time on development that may be better spent elsewhere on the project.

  5. Peter Says:

    A few months ago I finished my first wide screen web site, 980 width in that case. Its a fairly static site so I created duplicate pages 760 pixels wide with smaller and more compressed photos so its more suitable for dial-up users as well.

    Each page has a link to the matching wide or narrow screen version with the narrow screen pages set to ‘noindex’ to avoid duplicate content problems. Its by no means a perfect solution as the narrow pages get no search engine traffic but its at least another option to consider.

  6. Sam Says:

    Hi Peter,
    I guess your approach is similar to that of Yahoo - giving the user control over which layout they view. I’m not convinced Yahoo have got it right, I’m guessing the majority or users don’t even notice the site width - even if it’s too big for their browser… Doesn’t your approach mean twice the amount of work whenever you need to update?
    Sam

  7. Peter Says:

    Yes to update I have to change both wide screen and narrow screen versions. However its a small site and it doesn’t change much.

Leave a Reply