Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    New Coder
    Join Date
    Jun 2002
    Location
    London, UK
    Posts
    22
    Thanks
    0
    Thanked 0 Times in 0 Posts

    800x600 ... not really

    Hi all,

    I've just finished designing a site and have had it on review for the past couple of days on this forum. One thing that a lot of people have been saying is that it steps outside the 800x600 resolution sizer screen.

    What measurements, in general, do people use to define table widths - I went straight to 800 px, but I realise now that that is SCREEN size, not DISPLAY size.

    Anybody got any tips?

    Cheers

    Azz
    code, debug, dubug, debug, *SIGH* debug, debug ...

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts
    There's an article on Webmonkey on this subject:
    http://hotwired.lycos.com/webmonkey/...html?tw=design

    Hope that helps you along. The best bet however would be to make your layout scaleable, but that isn't always possible.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #3
    Regular Coder
    Join Date
    May 2002
    Location
    Helsinki, Finland
    Posts
    231
    Thanks
    0
    Thanked 1 Time in 1 Post
    I usually define maximum width of layout to 750 pixels (800x600, 24 pixels for scrollbar), horizontal-alignment at center. This fills both 800x600 and 1024x768 windows nicely, still giving enough space for all kind of tricks. If a person surfs with smaller resolution or with small browser window, I consider this to be his/her problem. Sometimes (depending on case), I use relative measurements (like percents) for parts of the layout.
    Zvona
    First Aid for
    Web Design

  • #4
    Regular Coder
    Join Date
    Jun 2002
    Location
    Mumbai, India
    Posts
    218
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I think for 800 x 600 resolution the optimum table width is 780. Try it out.

  • #5
    Senior Coder
    Join Date
    Jun 2002
    Location
    paris, france
    Posts
    1,216
    Thanks
    0
    Thanked 0 Times in 0 Posts
    you should defiine you width and heights using CSS % , that way you know it will work!
    photoshop too expensive? use the GIMP! www.gimp.org

  • #6
    Senior Coder
    Join Date
    Jun 2002
    Location
    near Oswestry
    Posts
    4,508
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I agree with Zvona - 750 is a good benchmark; for above-the-fold height I use 450

  • #7
    Senior Coder
    Join Date
    Jun 2002
    Location
    Nashua, NH
    Posts
    1,724
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I'm with whackaxe on that one - use fluid layouts.

    What if someone with WebTV (320px width...???) decides to view your page???
    Vladdy | KL
    "Working web site is not the one that looks the same on common graphical browsers running on desktop computers, but the one that adequately delivers information regardless of device accessing it"

  • #8
    Rockstar Coder
    Join Date
    Jun 2002
    Location
    USA
    Posts
    9,074
    Thanks
    1
    Thanked 328 Times in 324 Posts
    On average a 800x600 browser window maximized in reality is 760x420. This accounts for a the start bar, the toolbar and menu bar is the browser, etc.
    OracleGuy

  • #9
    Regular Coder
    Join Date
    Jun 2002
    Location
    North East England
    Posts
    853
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Depends on th page obviously but I generally find using % a pain, a combination of the two can be good though. Personally I have main text in a 70% width container which itself is set 150 or so px from the left. This always gives a bit of space to the left whatever the resolution, a bit of space to the left is always good.
    [+] Computer/PC issues [+] Silverpaw3D
    ------------------------------------------------
    Never buy a dwarf with learning disabilities...

    ...it's not big, and it's not clever.

  • #10
    Regular Coder
    Join Date
    Jun 2002
    Location
    UK
    Posts
    577
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I tend toward a defined width, centred table of somewhere in the
    750 by 440 area for a start page on a site. Should allow zero
    scrolling for 8by6 and above.

    Default M$windows scrollbars are about 22px wide, window
    edges are 5px each side - 22+5+5 = 32. 800-32 = 768px max. I
    like a lil bit of whitespace though so tend toward a lower figure
    than that 768.
    Vertical space is even peskier - 440 was just a size I used ages
    ago and no-one really complained so I kept it.

    'tis better to be ten pixels under available size than to have a
    half inch of scrolling needed.
    Ökii - formerly pootergeist
    teckis - take your time and it'll save you time.

  • #11
    Senior Coder
    Join Date
    Jun 2002
    Location
    paris, france
    Posts
    1,216
    Thanks
    0
    Thanked 0 Times in 0 Posts
    or then again you could even go as far as to have a script resize evrythingusing screen.availheight and screen.availwidth as a start point and resuz evrthing according to that
    photoshop too expensive? use the GIMP! www.gimp.org

  • #12
    Regular Coder
    Join Date
    Jun 2002
    Location
    United Kingdom Confused: Often
    Posts
    859
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I dont usually use %'s unless i have something that has to be 100% or something that cant really be done in pixels. 700 - 720 is usually what i find to work alright... makes us peeps on 800*600's feel like there is a little space left on our screen
    Last edited by redhead; 02-23-2003 at 09:52 PM.
    redhead

  • #13
    New Coder
    Join Date
    Jun 2002
    Posts
    80
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I have a centered-table at 95%. I find this to be very good, although it's only a one-column layout. My personal suggestions for a 2 colum would be to have around 130 to 160 pixels fixed width on the left and let the right side be the rest of the width. Nice discussion!


  •  

    Posting Permissions

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