Results 1 to 25 of 25
  1. #1
    Member
    Join Date
    January 18th, 2005
    Posts
    94
    Screen Resolutions
    Hi Everyone,

    I was just wondering what screen resolution you build your pages for?

    I always built them for an 800X600 screen because that is what I had with my old monitor.

    But I recently bought a new flat screen monitor to replace my older dinosaur-of-a-monitor which took up LOTS of space and now am using 1280X1024 . Asisde from looking alot nice I have noticed that things on my webpages (images, tables) are spaced out much further apart to cover the extra distance.

    This got me to thinking about how I should build from now on. What do you guys think?


  2. #2

    Join Date
    June 7th, 2006
    Posts
    1,596
    I think it's still a good idea to build them for 800 x 600.

  3. #3
    ABW Ambassador MoneyBusiness's Avatar
    Join Date
    March 14th, 2006
    Posts
    2,051
    Could always work with a fixed-width design, although there are some that hate it You could start it out for 800-600, so that it's always viewable by all resolutions, and shouldn't vary that much.

    I personally use the fixed-width often, and haven't had too much of a backlash from visitors b/c of it - but it's possible that a stretched with might do better. Haven't tested it that much.
    Follow my dog, Maya, and I, as we fumble around the affiliate marketing world: www.MarketingMaya.com
    Recent Project: Cheap Personal Checks (using DigitalQuill)

  4. #4
    ABW Ambassador
    Join Date
    November 25th, 2005
    Posts
    639
    I hard code my pages for 800X600. (Actually 770 wide to account for vertical scrolling and cross browser issues) With the variety of resolutions out there, I cannot afford to check how all of my pages look in every conceivable resolution. I also don't like the idea of having my pages resizing no matter how big the space is. Control over my visual message is very important to me.

    According to the link below, there are only around 20% of browsers set to this resolution. http://www.w3schools.com/browsers/browsers_stats.asp

    I guess that in a short time I will rethink this...

  5. #5
    notary sojac Herb ԿԬ's Avatar
    Join Date
    January 18th, 2005
    Location
    Central/Western NY State
    Posts
    7,741
    Lightbulb
    I think you also should code the size depending on the purpose of the page. If the material on the page will be printed out you probably should set for 800x600 for a while and see what your visitors are using and plan to change in the future.

  6. #6

    Join Date
    June 7th, 2006
    Posts
    1,596
    If I am not mistaken I also think that 800 x 600 prints out better as well for hard copies.

  7. #7
    What's the word? Rhia7's Avatar
    Join Date
    January 13th, 2006
    Posts
    9,578
    Quote Originally Posted by nakedgamer
    I think it's still a good idea to build them for 800 x 600.
    How do you check?
    ~Rhia7 -- Remember the 7
    Twitter me

  8. #8
    Newbie
    Join Date
    June 9th, 2006
    Posts
    21
    1024*768

  9. #9

    Join Date
    June 7th, 2006
    Posts
    1,596
    I check by physically using a 15" monitor that I can set to 640 x 480, 800 x 600, and 1024 x 768 (though you could do it with just about any monitor. I also have Firefox, IE, and Opera loaded on that machine just to see how each looks at the sites.

    Frontpage and few others also allow you to set the browser width and height when previewing, though to me (since I use scripts as well) it's easy just to physically look.

    I also have a 56k modem hooked up to that machine and check the speed in which the sites load as well.

    When designing them, of course, I am always keeping the fixed widths to 750 to 800, average about 780 so I pretty much know how it's gonna turn out.

    That's just me though...

  10. #10
    ABW Ambassador Paul_Ward's Avatar
    Join Date
    January 18th, 2005
    Location
    Cambridgeshire, England
    Posts
    1,573
    Quote Originally Posted by pachecus
    1024*768
    et moi

  11. #11
    Member
    Join Date
    January 18th, 2005
    Posts
    94
    Wow!

    Thanks for the replies and for the stats (CanadianDave). I had no idea so many were past 800X600 and moving on to better resolutions. With those trends, it won't be long before everyone is there (1024*768) ....

    So how does one "code" one's pages for a certain resolution?


  12. #12
    Prince of Content Vinny O'Hare's Avatar
    Join Date
    January 18th, 2005
    Posts
    3,126
    I adjust mine to fit on my palm treo screen. It is only a matter of time before everyone surfs the web this way.
    Vinny O'Hare - OPM - Contact Info email: vinny at teamloxly.com ~ 702-582-6742 Twitter

  13. #13
    MasterMike HardwareGeek's Avatar
    Join Date
    January 18th, 2005
    Posts
    3,810
    I build for what my users use the most.

    Just look at your stats.
    My top 5:

    1024x768
    1280x1024
    1280x800
    1152x864
    1600x1200

    800x600 is in the top 10 but 7th on the list

  14. #14
    ABW Ambassador
    Join Date
    November 25th, 2005
    Posts
    639
    Quote Originally Posted by mopek

    So how does one "code" one's pages for a certain resolution?

    I place my page inside of a one row by one column table and set the table width to the width (in pixels) that you want (775 or so for 800X600).

    I hope this helps...

  15. #15
    The slot machine that IS paid! Billy Kay's Avatar
    Join Date
    January 18th, 2005
    Location
    Small Town in Tennessee
    Posts
    5,226
    This has come up before and there are as many theories as their are affilliates

    The first time I saw my sites on a computer with a different resolution then mine - the computers at the Office Center in my apartment building, someone elses laptop, and now, on someones cell phone... I almost threw up!!!

    So I went to all the "real" sites (Google, microsoft, Sears, etc), checked THEIR source codes, figured out who THEY were designing for, and used that resolution.

  16. #16
    ABW Ambassador thecool's Avatar
    Join Date
    January 19th, 2005
    Location
    Hot Springs Village, Arkansas
    Posts
    608
    Using relative dimensions (percentages) will generally allow your pages to look good at all resolutions. Example: a main body table set at 80% with a side table set at 20% will look good at all resolutions. If desired you can divide the main body table to fit your needs. It may not always look the way you would prefer but, it will look good on all monitors regardless of the resolution they are set. I check mine on a 14, 17 and 19 inch monitor at the various resolutions.

    Gene
    TCS

  17. #17
    Devil's Reject Electropulse's Avatar
    Join Date
    January 18th, 2005
    Posts
    987
    lol @ 800 x 600 in 2006

  18. #18
    Not that fat. ReallyBigGuy's Avatar
    Join Date
    July 20th, 2005
    Location
    U wish U knew
    Posts
    745
    I design for 800x600, but set it so it auto-expands, so it looks equally as good at 1024x768, and also so bigger or smaller look sufficiently okay. too. I design for ie, but test on opera, firefox and netscape too.
    I guess you can say, I aim to please everyone.

  19. #19
    MasterMike HardwareGeek's Avatar
    Join Date
    January 18th, 2005
    Posts
    3,810
    You should never design for 800x600 and expect it to look good in higher res even if you have an expanding design.

    Content stretches especially text. You could be left with a lot of blank space if you do that.

  20. #20
    Not that fat. ReallyBigGuy's Avatar
    Join Date
    July 20th, 2005
    Location
    U wish U knew
    Posts
    745
    Quote Originally Posted by HardwareGeek
    You should never design for 800x600 and expect it to look good in higher res even if you have an expanding design.

    Content stretches especially text. You could be left with a lot of blank space if you do that.
    It's possible if you nest tables, and use columns & stuff. I'm not saying I don't have blank space on pretty wide monitors, but it's still a pleasant experience for the users, and helps them take advantate of the wideness.

  21. #21
    Lite On The Do, Heavy On The Nuts Donuts's Avatar
    Join Date
    January 18th, 2005
    Location
    Winter Park, FL
    Posts
    6,930
    Been a while since I've seen others stats, but my trends on my sites show further 800x600 decay. Thought I'd post my stats from one of my sites and invite others to do the same, so a clearer picture of screen resolution / monitor resolution (and browsers used to view them) is available here at ABW.

    My stats for June 30 thru July 30 2007, from Google Analytics, for one of my sites:

    1. 1024x768 -- 46.44%
    2. 1280x1024 -- 13.68%
    3. 1280x800 -- 13.00%
    4. 800x600 -- 8.84%
    5. 1440x900 -- 4.59%
    6. 1152x864 -- 3.59%
    7. 1680x1050 -- 2.62%
    8. 1280x768 -- 1.66%
    9. 1920x1200 -- 0.96%
    10. 1400x1050 -- 0.87%

    1. Internet Explorer -- 78.88%
    2. Firefox -- 14.61%
    3. Safari -- 4.71%
    4. Netscape -- 0.84%
    5. Mozilla -- 0.57%
    6. Opera -- 0.28%

  22. #22
    The Seal of Aproval rematt's Avatar
    Join Date
    November 19th, 2006
    Location
    The Windy City
    Posts
    4,140
    Here's mine, 1024x768 appears to be the standard so far:

    1. 1024x768 -- 47.37%
    2. 1280x1024 -- 15.84%
    3. 1280x800 -- 12.74%
    4. 800x600 -- 8.42%
    5. 1440x900 -- 4.25%
    6. 1152x864 -- 2.66%
    7. 1680x1050 -- 1.80%
    8. 1280x768 -- 1.66%
    9. 1920x1200 -- 0.86%
    10. 1400x1050 -- 0.65%

    1. Internet Explorer -- 81.57%
    2. Firefox -- 13.03%
    3. Safari -- 4.75%
    4. Mozilla -- 0.22%
    5. Netscape -- 0.22%
    6. Opera -- 0.14%
    7. Camino -- 0.07%

    What's a Camino?

    -rematt
    "I know that you believe you understand what you think I said, but I'm not sure you realize that what you heard is not what I meant." - Richard Nixon

  23. #23
    Master of Design AlexBet's Avatar
    Join Date
    January 18th, 2005
    Location
    Toronto, Canada
    Posts
    1,364
    Mopek,

    800x600 users still account for about 20% of all the Internet users in the world. However, this number is drastically declining. It is best to do what others said, check the stats for your website.
    Alex
    AlexBet.com - Professional Website Design, Website Development, Mobile App Development!


    "The bitterness of poor quality remains long after the sweetness of low price is forgotten"
    Benjamin Franklin

  24. #24
    Lite On The Do, Heavy On The Nuts Donuts's Avatar
    Join Date
    January 18th, 2005
    Location
    Winter Park, FL
    Posts
    6,930
    Rematt, THANKS, that was very helpful to me to see such closely correlated figs to my own. Gives my inspection of my numbers a little more credence.

    Alexbet, in North America, that number now appears to be just under 10%... and declining.

  25. #25
    Classic Rocker Mack's Avatar
    Join Date
    January 27th, 2007
    Location
    Lower Left Coast
    Posts
    1,167
    I design for 1024x768 but I make sure it fits in 800x600. I don't use static sizes, all of my templates are built on %. I use 90% as a standard total width, and usually provide an option to go to narrow or wide, and an option to change text size smaller or larger.

  26. Newsletter Signup

+ Reply to Thread

Similar Threads

  1. New Year New Resolutions :)
    By maria jarel in forum Dieting, Fitness & Health
    Replies: 0
    Last Post: December 31st, 2010, 05:34 AM
  2. Resolutions? What Resolutions?
    By Hectic GHC in forum Greg Hoffman Consulting
    Replies: 1
    Last Post: March 10th, 2010, 11:18 AM
  3. Web Page Screen Resolutions
    By JeremyHFSykes in forum Newbie Affiliate FAQs & Helpful Articles
    Replies: 17
    Last Post: October 24th, 2008, 04:36 PM
  4. Screen resolutions
    By AWaR in forum Midnight Cafe'
    Replies: 2
    Last Post: October 9th, 2001, 07:37 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •