screen resolutions....

  • Thread starter Thread starter LisaB
  • Start date Start date
L

LisaB

What is the best layout for a page to fit most
browsers/screen resolutions. Want it to look good and not
have to scroll from side to side.

Thanks
 
Here is a great link posted by ETC within the last two days:

http://www.thepattysite.com/window_sizes1.cfm

Overlook the fact that is a Dreamweaver resources site.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================
 
LisaB wrote:
:: What is the best layout for a page to fit most
:: browsers/screen resolutions. Want it to look good and not
:: have to scroll from side to side.
::
:: Thanks

design it with either 800*600 res in mind (800pixels width, 600 high) or
simply construct the entire site within a table who's width is set to 100%,
so it will always fill the screen widthways regardless of the users
resolution ;)
 
Make a table 700 pixels wide and put all info in it. This
is assuming the smallest screen resolution of your users
is 800 x 600. If they are using 640 x 480 (extremely
rare), then you'll make a table 600 pixels wide and put
all content in that.
 
Same thing with framed pages. Setting up frames sizes as percentages
ensures that the page will look decent through different resolutions.
 
Thanks Thomas!
ETC
Thomas A. Rowe said:
Here is a great link posted by ETC within the last two days:

http://www.thepattysite.com/window_sizes1.cfm

Overlook the fact that is a Dreamweaver resources site.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================
Click to expand...
 
If you set your layout table to 800x600 you will have scroll bars in every
browser and operating system on the market that render tables.

You have to allow room for browser "chrome" defined as toolbars, window
frame and scrollbars (some browsers allocate space for scrollbars whether or
not they are needed.) In most cases you are safe with 760px in width.
 
If you cater for the most common 800 x 600 screen resolution, most
users will not have to scroll horizontally. You could set a table
width of 768 pixels and adjust the left margin to 0 pixels - in FP
2000 right click > page properties > margins. If you feel you need a
wider left margin, specify the amount of pixels and subtract the same
amount of pixels from 768.

=========
Andre Rodziewicz
WimbledonVisitor.Com
Helping your business reach the world
The Wimbledon Business Directory
Search Engine Optimisation and Web Design
http://www.wimbledonvisitor.com/products
 
Bear in mind that if you expect your users to be able to print your page
correctly, no single element must push the page size past 640 pixels
although 100% is safe for all browsers, printers are an entirely different
matter

If you cater for the most common 800 x 600 screen resolution, most
users will not have to scroll horizontally. You could set a table
width of 768 pixels and adjust the left margin to 0 pixels - in FP
2000 right click > page properties > margins. If you feel you need a
wider left margin, specify the amount of pixels and subtract the same
amount of pixels from 768.

=========
Andre Rodziewicz
WimbledonVisitor.Com
Helping your business reach the world
The Wimbledon Business Directory
Search Engine Optimisation and Web Design
http://www.wimbledonvisitor.com/products
 
If you want to go all out, here is a link for a free script that will detect
the viewers resolution and redirect to an alternate url based on the
results. This would enable you to create a set of documents optimized for
each common setting, or perhaps develop for 800 x 600 or better and have a
special subset that is usable at 640 x 480, which I believe is out there
more than a lot of developers think.

http://www.dynamicdrive.com/dynamicindex9/info3.htm

--

regards,
Michael Abbaticchio
MVP for Exchange Server
http://www.exchangemvp.com
 
Back
Top