The trend may be that people are moving to higher resolutions, but what you have failed to mention is that not all people keep their browser at max, so screen resolution is pretty much irrelevent.
On my sites I'm using a 768px width (centered), mainly because aprox 15% of my visitors have a resolution on 800x600. FYI, here are the top 5 resolution over last 6 months as stated on Google Analytics (2,741,066 visitors): 1. 1024x768 1.512.142 55,17% 2. 800x600 394.858 14,41% 3. 1280x1024 295.540 10,78% 4. 1280x800 233.388 8,51% 5. 1152x864 88.086 3,21% Code (markup):
If we use the 100% in CSS as stated earlier does this mean that all resolutions will be able to view without having to scroll?? So does that mean text and images will simply be enlarged ?
no, but what you can do is make the banner a background image, and make it larger then it has to be for the space, and so larger monitors will show more of it, and smaller monitors will show less of it. or you can also have just that right menu be a set width, and have the rest of the contents change size (like http://www.last.fm/user/willhaynes/)
and no, text and images will not be enlarged, only their containers, see this site for an example of it http://www.last.fm/user/willhaynes/ and actually, DP is another example of a site full page site, just try to resize your browser right now and see what happens
I've been using 960px for the last several years, it works well with a grid-based approach. 960px is divisible by 3, 4, 5, 6, 8, 10, 12, 15, and 16. Google "optimal width 960px" and you'll find more info on blogs like Cameron Moll's or Jeffrey Zeldman's. If you really want to accommodate 800x600 resolution then yeah use 780px.. but I usually focus on 1024+ now. Hope this helps!
I agree, I used to do everything under 800 px but lately, I have a lot of sites I'm using 900 px+. This gives you so much more breathing room to get in all the information you want. It's impossible to please everyone all of the time no matter what you do, so you've got to create a site based on what the content needs to do the job properly. I would think most people can handle wider pages with 17" monitors the norm and 19" and above becoming more common.
Usually no, but you can enlarge fonts and flash images. Example: Use "CTRL+mouse scroll" through Firefox on this page: http://www.swfir.com/examples/elastic/ (Is a javascript code to make flash objects online fom pictures).
on a few sites i used fluid layout and even if they work for all screens they are hard to work with... -working with background images is tricky -is hard to work with % when using fixed objects -on high res the design seems too spaced and on low res the opposite... now i make a site for me with the width 1000px. it works just fine... and for those with 800*600 i try to put the most important content on the left side