07-04-2002, 09:10 AM
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. :eek:
Anybody got any tips?
07-04-2002, 09:17 AM
There's an article on Webmonkey on this subject:
Hope that helps you along. The best bet however would be to make your layout scaleable, but that isn't always possible.
07-04-2002, 09:18 AM
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.
07-04-2002, 09:35 AM
I think for 800 x 600 resolution the optimum table width is 780. Try it out.
07-04-2002, 09:38 AM
you should defiine you width and heights using CSS % , that way you know it will work!
07-05-2002, 05:39 PM
I agree with Zvona - 750 is a good benchmark; for above-the-fold height I use 450
07-05-2002, 06:06 PM
I'm with whackaxe on that one - use fluid layouts.
What if someone with WebTV (320px width...???) decides to view your page???
07-06-2002, 01:48 AM
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.
07-06-2002, 02:20 AM
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. ;)
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.
07-06-2002, 01:15 PM
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
07-06-2002, 04:57 PM
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 :D
07-06-2002, 05:36 PM
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! :thumbsup: