800x600 & 1024x768 screen resolution

[Lyle Christine]

Hi, I'm designing a few sites using Dreamweaver.

Is there any tricks or tips that can be used so the final sites will look good in both 800x600 & 1024x768 screen resolution? My laptop is set on 1024x768 but I've been told by people using 800x600 that everything ends up looking too big and far-right.

I'd really not have to resort to designing two different versions of every single page.

Thanks for any help.

 

[static9]

Design everything to be no wider than 750 pixels wide to eliminate the horizontal scroll bars. That should fit fine on 800x600.
~tp

 

[paaaaaaaaaa]

When coding the site you can use a percentage for width. So if you have a box on your site which is set at 90% it will stretch or shrink to fit the resolution the viewer has.

 

[Lyle Christine]

Percentage?

The percentage thing sounds interesting. My site is going to be nothing but images and text laid out in tables, a lot of white space. It's a band site so only has links to 'photos', 'bio', etc. How would I apply a 'percentage' to the coding in that case?

Thanks again

 

[proudcdn]

As far as I know there is no way to do this without distortion.

Unless there is some code that can detect a users resolution and then add the image you preselect for that resolution.

So you would have 2 images;

One 800 x 600 and one 1024 x 768

and the code could somehow tell the page to load the correct image.

Sound like a neat trick ... maybe it exists

Going on the assumption that it does not exist ... You are best to create the site to look good at 800 x 600 and if you define CSS (best option), Tables (middle option) or Frames (worst option) to a percent width it should look good in most upper resolutions.

 

[Fork]

Though tableless design using CSS is prefered, its easy to design a scaleable, professional design with tables. If you are using a horizontal image for navigation, just cut up the images and spread them across a table with spacer fields using percentages. I could explain what you need to do if I saw the image/layout you are trying to build.

An example of a scaleable tables layout: http://photoshopguides.com

 

[Lyle Christine]

Site

Ok, well here's an example of a simple site I've designed:

http://spermatozoa.f2g.net


Thanks

 

[paaaaaaaaaa]

simply done you could add in <table width="100%"> Once you understand that it will be worth looking into CSS.

I know people will surely hate me teaching old school coding but it is the easiest way to start.