How Do You Make Web Site For All Screen Resolutions

[Harry]

Everybody is using a different screen resolution from at least 800 pixels and up. So how do you get a web page to appear the same in all different screen resolutions. For example, I made a web page for a screen resolution of 800 by 600. But when looking at it from a computer with a screen resolution of 1024x768, it looked terrible because there was then a lot of space between the photos and the photos were a lot smaller.

[ghost2003]

What you could do is put your whole site in a frame that always keeps the same dimension(like 800x400). So it would always look the same but it wouldnt fill the whole window on bigger resoutions.

[kstatefan40]

Setting for one screen resolution is not good practice - as it will look bad on bigger resolutions.

I design in tables - making them a percentage of the screen size, and either make the images fit to 800x600 or I write javascript that chooses the right size image for the resolution.

{table width="25%"}, for example (where { and } = < and > respectively)

[Harry]

Thanks, I'll look into that javascript coding for tables. Sounds pretty good.

[mairving]

Eeks, I wouldn't use JS to do it. There are some major problems with it, compatibility with older browsers, incorrect screen resolution sizing, having to process on the fly and users can turn off JS.

It really just takes some practice to achieve good results at most screen resolutions. You really just have to use a combination of percentages and fixed widths to get a good look at most resolutions.

Here are some pretty good tips to get you started.

[Urban Earth]

If you try to make your site look perfect in all browsers and all resolutions you will go crazy! One of the best ideas is to make your site fluid (as per kstatefans posting). Ultimately if someone has a huge screen, most sites will look bad. Something as simple as putting a div-center around your table will then float it to the middle of a monster screen. Another thing to keep in mind is that a lot more people are using their PDA's to surf, so you need to go for really small screen sizes as well. . .
Find out what size monitor your target audience uses (majority) design for that but be as fluid as possible.

AJ

[Force Flow]

I use tables with width percentages (and pixel values when necessary) to automatically resize the page over a wide array of resolutions.

[jeffr]

Yes! Design with tables in %'s, not fixed pixel sizes!