The safest way to go is set your table widths in % (like 100%, etc) so they show up the same proportion on all resolutions..
Screen resolution is meaningless. Just because a person's screen resolution is set at a certain size does not under any circumstances whatsoever mean that their browser will occupy that entire space. As a general rule of thumb, a 750px wide "canvas" is still the default "minimum width" for most people; senior citizens, for example, tend to use 800x600 as their default screen resolution, since it's easier on their eyes (they don't have to resize the text very much - and most of them probably don't know how to anyway, which is why including a text size stylesheet switcher helps improve the usability and accessibility of Web sites for this particular demographic - as well as those with poor vision such as myself) and will also likely have their browser maximized as well. Tech-savvy people, on the other hand, will likely be running large 19 or 21 inch monitors with their screen resolutions set to 1280x1024 or 1600x1200, will know how to set their dpi settings to either 96 (Windows)/70 (*nix) or 120 (Windows)/100 (*nix). These people will also probably be used to having several programs open at once, including their browser and chat applications, as well as other programs. Basing your canvas size on screen resolutions, therefore, may force horizontal scrollbars to appear for these users if you use it as a measuring stick. Even some people (such as myself) will have their screen resolutions set to 1024x768 yet have only 800px or so available for the browser, leaving the rest of the available real estate open for other programs, or even easy access to the program shortcuts on the desktop. Just something to keep in mind.
This is a continuing sharing of ignorance. Users run the size they're comfortable with. Power users tend to reduce the browser size to take advantage of the added space on their desktops. Less experienced and non-working surfers tend to run maximized. All those screen resolution stats are meaningless except for telling you the maximum available size for the browser window. Design for the content first and the user second. Design for content means you make it easy for your visitor to do whatever it is he came to your site to do. Design for the user means you make it easy for the user to do it differently from what you planned, like not using a mouse, using only the keyboard, or without images, or without styles, as plain text, or running the browser at 800px or smaller. //edit: Seems you were posting while I was diddling, Dan. I knew you were smart, 'cause you agree with me so often. cheers, gary
800x600 is the best(my opnion), even people with a small monitor can view your site easly. But it depends what kinda site you have - Robert
Actually, percentages are not the best. You want the containers you use (header, menu, content, sidebar, footer are good examples) to be relative to the text they contain, not the browser viewport. While a page laid out using percentages may look great at 800x600 with 96dpi, it can cause the text to wrap at 800x600 with 120dpi, or at a lower setting, such as 640x480 (assuming that the browser window is maximized in all cases). It can also leave a lot of white space at higher settings as well. Percentages have their place (such as with an outer container set to be 80% of the browser viewport's width, then centered using margin: auto) so it can expand and contract depending on the width of the browser, but other than that, there really is no point in using it (save for other specialized circumstances).
I develop for 1024x768 and higher, but try to make sure it looks at least decent in 800x600. Depends on who will visit your site really, if you have a site for the tech crowd all of them will have decent screens. And 800x600 will die in a few years with the bigger and bigger screens, I still remember that not so long ago 15 inches was the standard size and now we're up to 19 inches.
I ultimately design for 900px, as it works best for 1082 res and up, but 750px works great for 800 res. I always use a 1000x1000 in photoshop. There is no real demand for 800x600 res for websites, just place most important information in the top left corner, to the left.