SitePoint Sponsor

User Tag List

Page 1 of 3 123 LastLast
Results 1 to 25 of 73
  1. #1
    SitePoint Zealot Noodle7's Avatar
    Join Date
    Apr 2005
    Location
    Cape Town - South Africa
    Posts
    171
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    standard size of a website

    HI

    I forgot what the standard size of website was.. is it 780 x 600 or 760 x 480
    Thanks
    Melissa

  2. #2
    SitePoint Member
    Join Date
    May 2006
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i always use 779 for the width because of the scroll bars...
    for the height, you can start in the 400's range, but make sure your design can strech downwards (tablewise) when you have more content.

  3. #3
    Night Elf silver trophybronze trophy Varelse's Avatar
    Join Date
    Mar 2005
    Location
    eu
    Posts
    5,967
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Check here to learn about the safe sizes for various browsers and resolutions.
    FreelanceDaddy - freelancer's personal advisor
    █ Guide and advice for freelancers starting their career
    █ Over 1000 projects posted on freelance markets every day
    █ One-stop resource for online freelancing

  4. #4
    SitePoint Member _K_M_'s Avatar
    Join Date
    May 2006
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Varelse
    Check here to learn about the safe sizes for various browsers and resolutions.
    Ok thats link was useful for me too ... Thanks

  5. #5
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Hi Melissa,

    Whatever size you audience uses.

  6. #6
    CTO htmlguy's Avatar
    Join Date
    Feb 2005
    Location
    North Carolina
    Posts
    420
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would recommend 800xdoesn't matter it can stretch but otherwise 450. You can go bigger, and if there is smaller browser windows just make sure you include this in a css stylesheet:
    body { overflow-x: hidden; }
    HTMLGuy

  7. #7
    SitePoint Zealot sumanpaul's Avatar
    Join Date
    Jan 2006
    Posts
    153
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    for narrow center aligned pages use 752 for the mail content rest use for shadow effect

    if no shadow effect 779 px almost suite all need.
    you might consider spending some time in learing CSS fluid layout technique. It fits itself with the size of the browser window
    ~~~~~~~~~~~~~~~~~~~
    Believe in yourself...you can win.
    My Blog - Usability, Web tech
    My Album

  8. #8
    Non-Member crunchi's Avatar
    Join Date
    May 2006
    Posts
    49
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i use allways arround 900 px

  9. #9
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,495
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I personally prefer liquid layouts. You can't size your site perfectly for EVERY user out there, but you can get a very good generalization with some trial and error. YMMV, of course.

  10. #10
    SitePoint Zealot
    Join Date
    Dec 2005
    Posts
    125
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    780 is good. Just try it out and see how it looks in different browsers. Find something you like and run with it

  11. #11
    SitePoint Zealot thefranchise's Avatar
    Join Date
    Jul 2004
    Location
    BC, Canada
    Posts
    125
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I like 750px, 500px for content and 250px for sidebar
    I Create Things - Lost - Tutorial Cube - LogoPond (NEW)
    LogoPond - Identity Inspiration

  12. #12
    SitePoint Member Flanker's Avatar
    Join Date
    Apr 2006
    Location
    Paris, France
    Posts
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i'd prefer 780 px. so it can be displayed correctly over monitor with 800x600 & 1024 x 768 resolution.

    just forget the 3% user using other resolution.

  13. #13
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by sumanpaul
    for narrow center aligned pages use 752 for the mail content rest use for shadow effect

    if no shadow effect 779 px almost suite all need.
    you might consider spending some time in learing CSS fluid layout technique. It fits itself with the size of the browser window
    Or you could run the shadow along the <body> which wouldn't cause scrolling and give you more room for content.

  14. #14
    SQL Consultant gold trophysilver trophybronze trophy
    r937's Avatar
    Join Date
    Jul 2002
    Location
    Toronto, Canada
    Posts
    39,016
    Mentioned
    53 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by Flanker
    i'd prefer 780 px. so it can be displayed correctly over monitor with 800x600 & 1024 x 768 resolution.
    you are assuming that the site visitor will be quite happy to maximize her browser window

    that's an incorrect assumption
    r937.com | rudy.ca | Buy my SitePoint book: Simply SQL
    "giving out my real stuffs"

  15. #15
    Night Elf silver trophybronze trophy Varelse's Avatar
    Join Date
    Mar 2005
    Location
    eu
    Posts
    5,967
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Regarding liquid layout - there's a minimum width it can work in, isn't it?
    Even with the liquid one, there are some elements that define this minimum width - for example images (header).
    So there's a certain base width you have in mind when designing your liquid page (even if you don't think about it like that ).
    FreelanceDaddy - freelancer's personal advisor
    █ Guide and advice for freelancers starting their career
    █ Over 1000 projects posted on freelance markets every day
    █ One-stop resource for online freelancing

  16. #16
    Non-Member Egor's Avatar
    Join Date
    Jan 2004
    Location
    Melbourne, Australia
    Posts
    7,305
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by Varelse
    Regarding liquid layout - there's a minimum width it can work in, isn't it?
    Even with the liquid one, there are some elements that define this minimum width - for example images (header).
    So there's a certain base width you have in mind when designing your liquid page (even if you don't think about it like that ).
    Well, of course there will always be a minimum width, even if you don't use any imagery or fixed-width elements in the layout. The longest single word would then define the minimum width.

    I agree that there should always be a target user-base in mind, but you can still cater for the granny visitors. These two are decent examples:



    And last of all, a little horizontal scrolling, while possibly uncomfortable, is not the end of the world, nor does necessarily "exclude" anyone. The content's still all there, it's just a little harder to consume.

  17. #17
    SitePoint Member
    Join Date
    May 2006
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've seen a trend lately that I really like and have used w. client sites...

    You fit the content of the site so that anyone viewing with 800x600 res will see all of it, but provide and extra column to the right of it for ads or other supplemental items.

    WashingtonPost.com does this very well. people w. 800x600 res will have to scroll to the right to view but for everyone else the layout fits perfectly on the screen. it allows for much more content,etc on a page

    I personally hate coding or designing for 800x600 but still do it.

    One of my bigger regrets with my sites is that I made them fixed width and the width is smaller than what suits my needs these days. Originally it seemed perfect but as we added more and more content and features I've had a hard time making room for everything... kind of painted myself into a corner, so to speak

  18. #18
    SitePoint Member Flanker's Avatar
    Join Date
    Apr 2006
    Location
    Paris, France
    Posts
    0
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by r937
    you are assuming that the site visitor will be quite happy to maximize her browser window

    that's an incorrect assumption
    what you mean ? people run your IE/Mozilla Windows with half size ?
    I think most of them will maximize their browsers.

    I am right or not ? anybody has any opinion ?

    only few people has more than 17" screen..

  19. #19
    SQL Consultant gold trophysilver trophybronze trophy
    r937's Avatar
    Join Date
    Jul 2002
    Location
    Toronto, Canada
    Posts
    39,016
    Mentioned
    53 Post(s)
    Tagged
    2 Thread(s)
    Quote Originally Posted by Flanker
    I think most of them will maximize their browsers.
    i think the operative word in that sentence is "hope"
    r937.com | rudy.ca | Buy my SitePoint book: Simply SQL
    "giving out my real stuffs"

  20. #20
    SitePoint Member natureday's Avatar
    Join Date
    Nov 2005
    Location
    WA
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Are those dimensions in pixles in an html dreamweaver format?
    Thanks.

  21. #21
    SitePoint Wizard silver trophybronze trophy Nadia P's Avatar
    Join Date
    Oct 2004
    Location
    NSW Australia
    Posts
    3,564
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not restricted to Dreamweaver necessarily
    You would specify the widths in your stylesheet, so it wouldn't matter which html editor you use.


    Nadia

  22. #22
    SitePoint Member
    Join Date
    May 2006
    Location
    San Diego CA
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    760 x 480 is still the industry standard.

    I work for 3 different development companies and all I do all day long is design websites. I always start out with a 760 px wide canvas in photoshop, but then depending on how the design goes determines the ending width of the canvas.

    I don't like it when my designs begin to look similiar. I try to make them all different so I would never say a website needs to be this width or that width. Just talk to your client and see what their needs our.

  23. #23
    SitePoint Wizard silver trophybronze trophy Nadia P's Avatar
    Join Date
    Oct 2004
    Location
    NSW Australia
    Posts
    3,564
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by dreras
    Just talk to your client and see what their needs our.
    That's the most important factor - the wishes of the client .... though in some cases they may need a little bit of educating


    Nadia

  24. #24
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,159
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Flanker
    what you mean ? people run your IE/Mozilla Windows with half size ?
    I think most of them will maximize their browsers.
    On small/low-resolution monitors, most people will probably maximise their browser windows. The larger the monitor and the higher the resolution, the lower this probability becomes (unless the user has a visual impairment and wants to have extra large text).
    Birnam wood is come to Dunsinane

  25. #25
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,495
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by AutisticCuckoo
    On small/low-resolution monitors, most people will probably maximise their browser windows. The larger the monitor and the higher the resolution, the lower this probability becomes (unless the user has a visual impairment and wants to have extra large text).
    Yeah, like me . Take my glasses away and I'm literally blind as a bat.


Bookmarks

Posting Permissions

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