SitePoint Sponsor

User Tag List

Results 1 to 21 of 21
  1. #1
    SitePoint Wizard silver trophybronze trophy mizwizzy's Avatar
    Join Date
    Apr 2006
    Location
    Ireland
    Posts
    1,322
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)

    Question Standard width/height that a website should be

    im just wondering, what is the standard/default width and height that a webpage should be? i know its dependent on content too, but i see many sites who have really narrow widths to their pages, is this the way to go or utilise the entire window/screen area!

  2. #2
    He's No Good To Me Dead silver trophybronze trophy stymiee's Avatar
    Join Date
    Feb 2003
    Location
    Slave I
    Posts
    23,424
    Mentioned
    2 Post(s)
    Tagged
    1 Thread(s)
    width: fluid
    height: as high as you need to (within reason of course)

  3. #3
    SitePoint Wizard silver trophybronze trophy mizwizzy's Avatar
    Join Date
    Apr 2006
    Location
    Ireland
    Posts
    1,322
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    oh right ok thanks stymiee!

  4. #4
    SitePoint Enthusiast
    Join Date
    Apr 2006
    Location
    EU
    Posts
    35
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Width : I would never go over 950...remember there's laptoppers...
    Height : IMHO 1000 is max per page. Spread your info out in different pages.
    The C Channel's Global Directories
    1 submission = 100 relevant PR3+ backlinks

    Add your link | Details about this promotion

  5. #5
    SitePoint Wizard silver trophybronze trophy mizwizzy's Avatar
    Join Date
    Apr 2006
    Location
    Ireland
    Posts
    1,322
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    ok thanks for the advice Lister!

  6. #6
    SitePoint Guru
    Join Date
    Nov 2005
    Location
    Midwest
    Posts
    777
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I like to code my width="100%" so it fills the screen no matter what screen resolution the user has set or if they have the browser minimized or maximized. I think it is annoying when there are scroll bars at the bottom of the screen. Just my opinion.

  7. #7
    SitePoint Wizard silver trophybronze trophy mizwizzy's Avatar
    Join Date
    Apr 2006
    Location
    Ireland
    Posts
    1,322
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    yeah it is annoying! thanks for the useful info!

  8. #8
    SitePoint Wizard
    Join Date
    Oct 2001
    Location
    Lancaster, PA
    Posts
    3,019
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I think fluid widths are great if you've got the content to make them look good, but if you've only got a paragraph or two on a page it can look silly. I try to keep my widths to about 760px to allow for those using 800x600 resolutions and height as necessary depending on the amount of content.

    Steve

    P.S. You might find this info from the Yale Style Guide useful.

  9. #9
    SitePoint Member
    Join Date
    Apr 2006
    Location
    Suffolk, England
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I concur with the fluid width 90 or 100%. There's nothing more annoying than having to scroll to the end of every line. As for height, I think a couple of screens in height is enough. Not everyone has broadband, me included, so pageweight is a factor. You don't want the page to take too long to download. If you use columns in the page, one of them could be fixed at, say, 180px for the menus or adverts or tips or something like that while the rest is fluid. I think Steve's point about 800x600 screens is a good one. Many still have this size screen.

    Mark

    PS. Jakob Nielsen used to have a very good site all about usability. Google his name and you'll likely find it.

  10. #10
    Carpe Diem = Fish of the Day fisherboy's Avatar
    Join Date
    Dec 2005
    Location
    New Zealand
    Posts
    488
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I use fluid widths where possible. I also try and build the page so it will be usable at 640 x 480! not always successful, as you can imagine. So I make sure it looks OK at 800 x 600 and font size increases don't break it too badly.

    I still haven't figured out the right thing to do for visitors with hi res screens. My paragraphs run right across the screen and are probably difficult to read.

    Maybe I should put a little notice like "if the sentences are too long, resize your browser window!".

    Have alook at the sites you admire. Resize your browser window a few times on each. Figure out what you like. Imitate.
    fisherboy
    Web Site Design

  11. #11
    SitePoint Wizard silver trophybronze trophy mizwizzy's Avatar
    Join Date
    Apr 2006
    Location
    Ireland
    Posts
    1,322
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    thanks alot fisherboy, steve and mark...!! lots of useful info..

    appreciate it ty!

  12. #12
    SitePoint Evangelist
    Join Date
    Nov 2003
    Location
    Brisbane, Australia
    Posts
    408
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I pretty much always develop at 760 wide and whatever height; but most pages are no more than a 1 page of a document max.

  13. #13
    Non-Member daedalux's Avatar
    Join Date
    Jan 2006
    Location
    Charlotte, NC
    Posts
    153
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Eh. I know a lot of people are big fans of allowing the content to spread across the entire width of the browser, but IMO there's nothing worse than reading lines of text that go all the way from one end of my 1200x800 screen to the other. Especially if the text is small.

    I generally like to create pages with a width of 760 pixels, and I generally try to keep text content no wider than 400-500 pixels. It's so much easier and more pleasant to read that way.

    There are plenty of exceptions when 100% width works best, I just haven't created many websites myself where this was the case.

  14. #14
    SitePoint Wizard bronze trophy Tailslide's Avatar
    Join Date
    Feb 2006
    Location
    Bedford, UK
    Posts
    1,687
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Fixed, elastic, fluid - they all have their advantages and their disadvantages. You need to look at the content of the site, who the target group are and your client's preferences and then ensure that the site is still usable, accessible, attractive etc when the font-size is increased a couple of times, when the browser window is very wide or narrowed to 800px for example.

    It is hard to legislate for every possibility - but you should certainly examine the possible problems of whatever your choices are and try to address them.
    Little Blue Plane Web Design
    Blood, Sweat & Rust - A Land Rover restoration project

  15. #15
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'd say a web page should adapt to the size of the browser window up to a certain maximum width, where the widest column is 60-70 characters wide.

    A fixed width has its obvious drawbacks (it only works at one given viewport size and at a specified text size).
    An unconstrained fluid layout has usability problems, because the lines of text can get far too long for comfort.
    The solution is a constrained fluid/elastic hybrid: sidebars specified in ems; content column takes up the remaining available space; and the whole thing has a min and max width specified.
    Birnam wood is come to Dunsinane

  16. #16
    SitePoint Wizard silver trophybronze trophy mizwizzy's Avatar
    Join Date
    Apr 2006
    Location
    Ireland
    Posts
    1,322
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    thanks for all the info guys...appreciate it!

  17. #17
    SitePoint Member GeorgeT79's Avatar
    Join Date
    Jun 2009
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I usually use width=995 max and the height depends on the content. (I never make it too long.)

    width 995 because I get to place more good stuff on the visible area and still I leave a little room for the browser's scroller.

    In these days I believe that targetting the 1024x768 is better than targetting the 800x600 audience. It's not 1995 anymore... (BUT, it also depends on what you have to place on your page. If it's important to have as much compatibility and you don't have a lot of content for the page, go for 800x600. (width=775 max)

    Pick Up Lines For Guys - Guys, enjoy some funny pick up lines!
    How to Attract Men - Girls, learn how to attract men!
    How to Get A Boyfriend | David DeAngelo | How to Turn A Guy On

  18. #18
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,868
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by GeorgeT79 View Post
    In these days I believe that targetting the 1024x768 is better than targetting the 800x600 audience.
    Targeting any particular screen size is just as wrong since browser viewport size has nothing to do with screen size.

    If your page can't adjust to 748 pixel width it can't be printed and if it can't adjust to 544px then it can't be viewed on webTV. Of course most viewing devices these days have a smaller screen size than that.
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  19. #19
    SitePoint Member richlode's Avatar
    Join Date
    Jan 2010
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Be careful not to make it too wide. I hate sites that are wider than the screen.

  20. #20
    SitePoint Zealot Spartinman's Avatar
    Join Date
    Nov 2009
    Location
    Florida USA
    Posts
    197
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by felgall View Post
    Targeting any particular screen size is just as wrong since browser viewport size has nothing to do with screen size.

    If your page can't adjust to 748 pixel width it can't be printed and if it can't adjust to 544px then it can't be viewed on webTV. Of course most viewing devices these days have a smaller screen size than that.
    Very true. By rule i always make sure my page is smaller than viewed at full-screen on a 800x600 resolution.

  21. #21
    SitePoint Enthusiast stoneslinks's Avatar
    Join Date
    Sep 2009
    Location
    Florida
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Still there are n number of internet users who use old computers with 800 X600 Resolution.

    So best is try too keep 100&#37; width....if you do not have enough content you can use typography and graphics to give a rich look.
    Regards
    Rahul Sethi
    BuyStonesOnline.com


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
  •