web site width - Adobe Tools

This is a discussion on web site width - Adobe Tools ; What is the optimal width of a web site now? I'm used to 580 pixel width from the old days. Now with the bigger monitors, what is the standard web site pixel width. Thanks Dan...

+ Reply to Thread
Results 1 to 4 of 4

web site width

  1. Default web site width

    What is the optimal width of a web site now? I'm used to 580 pixel width from the old days. Now with the bigger monitors, what is the standard web site pixel width.

    Thanks

    Dan

  2. Default Re: web site width

    Around 760px width often recommended, to cater for 800x 600 and allow for browser gubbins at the sides, but it depends on your audience. People may have room for more width, but may well not keep their browser maximised.

  3. Default Re: web site width

    There is no standard.

    And neither screen size nor resolution is the critical variable. Browser
    viewport width is. To make your decision you need to have some ideas about
    the following issues -

    1. What is the primary target demographic for this site?
    2. What are the browsing habits of that demographic? Do they normally have
    their browser window maximized on the screen?
    3. If they usually have their browser maximized, what is the typical screen
    width?
    4. If they usually do NOT have their browser maximized, what is the MINIMUM
    screen width in that demographic.
    5. How do I want to build the page?
    a. Fixed width and left aligned?
    b. Fixed width and centering?
    c. Flexible to fill whatever width from left to right?
    d. Flexible (within limits) and left aligned?
    e. Flexible (within limits) and centering?

    As you can see, this decision is probably much more complex than you
    thought, and will require that you know quite a bit about your intended
    target visitor and their browsing habits.

    If you elect to go with 5a, or 5b, then your decision would be - 'what is
    the mimimum browser width I want to support without horizontal scrolling?'.
    Once you have determined that minimum supported width, all of your decisions
    are made. That's how wide you want your page to be.

    If you elect to go with 5c, then you just build your page within a flexible
    container (the simplest example - although an obsolet one - would be to use
    a 100% width table to hold the entire page). Be aware that pages with
    limited text content can look VERY sparse and empty on wide viewports when
    built in this way.

    If you elect to go with 5d, or 5e, then you would add this sophistication to
    your decision matrix -

    'what is the greatest width I want to allow the page and its contents to
    become?'

    In this case, you would use the CSS styles - 'min-width' and 'max-width' on
    the primary page container. Just so you'll know, although these styles are
    well supported *now*, earlier versions of IE (and some other browsers) will
    not support them so reliably.

    So - which is it? 8)

    --
    Murray


  4. Default Re: web site width

    thanks

+ Reply to Thread