what resolution site should be optimised ?

Just working on couple of new sites and just stuck at what screen reslotion wesite should be optimised.

also tell me what kind of screen resolution you use. I use 1024x768

 

On all my site i optimise for 800x600, I myself use 1024x768.

if you use width="xx%" instead of width="xxxpx" it will fit in all browsers.

 

Exactly what you should do. Make your site visible without scrolling on an 800 resolution, no matter what you use.

 

Use 1024x768 and restrict the width to 730px approx

If you look at most "savvy" sites like apple, msn, yahoo this is what they do

 

still a huge percentage using 800x600 so i still design for them!

 

726px to be exact

 

my 3 col layout dosen't fit into 726px. i need to work on more placements to fit content into it

 

I design for 1024 using %. Might not always fit an 800 but usually.

 

i use the margins to fit the contents. whatever resolution size is, it will fit automatically..
see an example at www.dwebcity.com

 

The last time I looked at aggregated web stats there were still about 25% of visitors using 800 x 600 and as the baby boomers get older expect this to start increasing again a bit.

It will of course vary according to type of site - webdev sites probably get fewer visitors at lower resolutions - but if you're a commercial site you be best advised not to annoy people at 800 x 600 by asking them to side-scroll.

 

800x600 is de facto still standard, so there's no argue what resolution to optimize for if you design commercial website targeted for broad audience.

 

Thank you all for your advice. i am going with 800x600 optimisation

 

What does this mean guys? and what's that thing about margins?

This got me curious....

 

I optimize websites for 800x600 resolutions. There's less space to display ads and such, though.

 

i have 1280x1024 on the left screen and 1024x768 on the right hand screen.

I make my sites for 800X600 resolution monitors. Once you take into account the broswers etc. The end bing 760 wide - same as yahoo i think

 

The best thing to do is not to optimise for any resolution at all - make your site fluid (set sizes in percentages rather than statically) and it will dynamically fit into whatever resolution your visitors are using.

But as others have said, if you must optimise for a particular resolution it's 800x600.

 

Interesting dj1471, how can you make it fluent?

What do i need to do to get this done, i know you said to set sizes in percentages but what do you mean by this and how do you go about this?

Thanks in advance

 

OK, here's an example.
Say you want a simple 2-pane layout - a central content pane and a sidebar on the right. Normally you'd set the widths of the panes in pixels, e.g.

<div id="content" style="width: 500px;">
<div id="sidebar" style="width: 200px;">

HTML:

That might look OK if your visitor is viewing in 800x600, but in anything higher it will look a little small and in anything lower it will be too big for the screen.
So instead of setting the size in pixels, use percentages. E.g:

<div id="content" style="width: 80%;">
<div id="sidebar" style="width: 20%;">

HTML:

That says that the content pane will take up 80% of the width of the browser window and the sidebar 20%. If the panes are enclosed in a container (e.g. another div) the widths will be relative to the width of the parent container rather than the browser window.

For a simple example, look at my website. Try re-sizing the browser window and you'll see that the sizes change to match the new window size. As I've used percentages for sizes, my site will look OK in every resolution from 640x480 through to 1280x1024 (it will look reasonable at higher, but things are more spaced out than I would like).

 

most people are running either 1024x768 or 800x600. just don't go above that

 

Nice info i will try it out for the site i am working on right now.