1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Standard WebPage Size

Discussion in 'HTML & Website Design' started by socalbeach, Mar 17, 2007.

  1. #1
    Is the standard size for building websites now 1024x768 or still 800x600?
     
    socalbeach, Mar 17, 2007 IP
  2. Xeoro

    Xeoro Peon

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Depends on your site really.

    But why not use percentages if it's a CSS-based site?
     
    Xeoro, Mar 17, 2007 IP
  3. login

    login Notable Member

    Messages:
    8,849
    Likes Received:
    349
    Best Answers:
    0
    Trophy Points:
    280
    #3
    Most used is 1024x768 I and w3c believe.
     
    login, Mar 17, 2007 IP
  4. bacanze

    bacanze Peon

    Messages:
    2,419
    Likes Received:
    127
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I believe you should still design for 800 x 600, just use a liquid layout.
     
    bacanze, Mar 17, 2007 IP
  5. freshdesigners

    freshdesigners Banned

    Messages:
    194
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    0
    #5
    i set my canavs size at 1280 x 1024, but make the design no bigger than 1000pixels wide.
     
    freshdesigners, Mar 17, 2007 IP
  6. fattony69

    fattony69 Well-Known Member

    Messages:
    443
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    130
    #6
    I make templates either size depending on what kind of site it is.
     
    fattony69, Mar 17, 2007 IP
  7. 8everything

    8everything Peon

    Messages:
    16,350
    Likes Received:
    903
    Best Answers:
    0
    Trophy Points:
    0
    #7
    The safest way to go is set your table widths in % (like 100%, etc) so they show up the same proportion on all resolutions..
     
    8everything, Mar 17, 2007 IP
  8. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Screen resolution is meaningless. Just because a person's screen resolution is set at a certain size does not under any circumstances whatsoever mean that their browser will occupy that entire space. As a general rule of thumb, a 750px wide "canvas" is still the default "minimum width" for most people; senior citizens, for example, tend to use 800x600 as their default screen resolution, since it's easier on their eyes (they don't have to resize the text very much - and most of them probably don't know how to anyway, which is why including a text size stylesheet switcher helps improve the usability and accessibility of Web sites for this particular demographic - as well as those with poor vision such as myself) and will also likely have their browser maximized as well.

    Tech-savvy people, on the other hand, will likely be running large 19 or 21 inch monitors with their screen resolutions set to 1280x1024 or 1600x1200, will know how to set their dpi settings to either 96 (Windows)/70 (*nix) or 120 (Windows)/100 (*nix). These people will also probably be used to having several programs open at once, including their browser and chat applications, as well as other programs. Basing your canvas size on screen resolutions, therefore, may force horizontal scrollbars to appear for these users if you use it as a measuring stick. Even some people (such as myself) will have their screen resolutions set to 1024x768 yet have only 800px or so available for the browser, leaving the rest of the available real estate open for other programs, or even easy access to the program shortcuts on the desktop.

    Just something to keep in mind.
     
    Dan Schulz, Mar 17, 2007 IP
  9. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #9
    This is a continuing sharing of ignorance. Users run the size they're comfortable with. Power users tend to reduce the browser size to take advantage of the added space on their desktops. Less experienced and non-working surfers tend to run maximized.

    All those screen resolution stats are meaningless except for telling you the maximum available size for the browser window. Design for the content first and the user second. Design for content means you make it easy for your visitor to do whatever it is he came to your site to do. Design for the user means you make it easy for the user to do it differently from what you planned, like not using a mouse, using only the keyboard, or without images, or without styles, as plain text, or running the browser at 800px or smaller.

    //edit: Seems you were posting while I was diddling, Dan. I knew you were smart, 'cause you agree with me so often. :D

    cheers,

    gary
     
    kk5st, Mar 17, 2007 IP
  10. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Who agrees with who? :D
     
    Dan Schulz, Mar 17, 2007 IP
  11. n-james

    n-james Well-Known Member

    Messages:
    1,367
    Likes Received:
    70
    Best Answers:
    0
    Trophy Points:
    165
    #11
    1024x768 resolution.

    Unless in CSS then use percentages :D
     
    n-james, Mar 17, 2007 IP
  12. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #12
    It's obvious you're riding my coattails, since I know it's "who agrees with whom". :p

    cheers,

    gary
     
    kk5st, Mar 18, 2007 IP
  13. TomK32

    TomK32 Peon

    Messages:
    113
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #13
    I'd say 1024x768 but keep some space at the side so 1000 or 950 is the better choice
     
    TomK32, Mar 18, 2007 IP
  14. chotiwat_w

    chotiwat_w Peon

    Messages:
    25
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #14
    Most used is 1024x768 but I like 800x600
     
    chotiwat_w, Mar 18, 2007 IP
  15. RobertMedia

    RobertMedia Active Member

    Messages:
    902
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    60
    #15
    800x600 is the best(my opnion), even people with a small monitor can view your site easly. But it depends what kinda site you have ;)

    - Robert
     
    RobertMedia, Mar 18, 2007 IP
  16. stefanlyl

    stefanlyl Well-Known Member

    Messages:
    2,291
    Likes Received:
    50
    Best Answers:
    0
    Trophy Points:
    145
    #16
    i use % and that works the best!
     
    stefanlyl, Mar 18, 2007 IP
  17. Aragorn

    Aragorn Peon

    Messages:
    1,491
    Likes Received:
    72
    Best Answers:
    1
    Trophy Points:
    0
    #17
    I still use 800x600 for my designs. That is safe.
     
    Aragorn, Mar 18, 2007 IP
  18. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #18
    Actually, percentages are not the best. You want the containers you use (header, menu, content, sidebar, footer are good examples) to be relative to the text they contain, not the browser viewport. While a page laid out using percentages may look great at 800x600 with 96dpi, it can cause the text to wrap at 800x600 with 120dpi, or at a lower setting, such as 640x480 (assuming that the browser window is maximized in all cases). It can also leave a lot of white space at higher settings as well.

    Percentages have their place (such as with an outer container set to be 80% of the browser viewport's width, then centered using margin: auto) so it can expand and contract depending on the width of the browser, but other than that, there really is no point in using it (save for other specialized circumstances).
     
    Dan Schulz, Mar 18, 2007 IP
  19. Oriane

    Oriane Peon

    Messages:
    84
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #19
    I develop for 1024x768 and higher, but try to make sure it looks at least decent in 800x600. Depends on who will visit your site really, if you have a site for the tech crowd all of them will have decent screens. And 800x600 will die in a few years with the bigger and bigger screens, I still remember that not so long ago 15 inches was the standard size and now we're up to 19 inches.
     
    Oriane, Mar 18, 2007 IP
  20. extensiblecascade

    extensiblecascade Active Member

    Messages:
    56
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    61
    #20
    I ultimately design for 900px, as it works best for 1082 res and up, but 750px works great for 800 res. I always use a 1000x1000 in photoshop.

    There is no real demand for 800x600 res for websites, just place most important information in the top left corner, to the left.
     
    extensiblecascade, Mar 18, 2007 IP