The resolution of a webpage is quite a big deal by website design and currently, its choice is quite subjective.
• Webdesign & PHP
• Our last php Template
• A website basic example optimized for 800 pixels width ,,,
, , , zooms out to larger resolutions
There is such a variety of screen sizes that would really be impossible to progam a website page to open pleasantly for all of them; the most common are : 800 1024 1280 1960 (pixels).
We then have to consider a few human impacts by surfing a website;
If all SEO efforts have been made to get a user surfing a page, wherein you supposedlly want to sell something, then you must consider his age on the first place and relate your webdesign to the products you sell.
If you sell gadgets for a playstation, do not forget that most probably your final incoming click [$] depends by the credit card owner and not by the teen-ager that is allowed to use the family internet connection.
Let’s switch over the technical aspects :
I personally recommend to follow up the old resolution school of 800 pixels in width, although the majority is opting for 1024 pixels
Let’s see what the big brothers doing:
www.adobe.com  …a nasty horizontal scrolling bar appears in my 1024 – monitor which is quite a SAYING for a great cave of super webdesigner tool-house like ADOBE.
Newer monitors are coming with as much as 1960 resolution and naturally the companies force to push programming webdesigners to implement a good looking resolution suitable to fit better their products.
Just imagine how will a 800 pixel resolution web site look in a 1960 pixels screen, if those pages would not be filled accurately and their content is not spreaded uniformly and reaching all corners of the screen, so that by maximizing the pages of that website, the objects do not render a pleasant zooming effect.
I have used for this blog a dynamic theme that was projected to work with 800 pixel width resolution and if I do not insert any larger image than 313 pixels in the middle column I will never cause the appearance of any horizontal scrollbar.
Here is what I have laid out on resolution in a simple html website :
Again in my clone website project if I do not set any large image, those pages will greatly spread dynamically the contents in many screen resolutions, by showing a pleasant zooming effect by maximizing from 800 pixels upwards.
I personally believe and recommend to program websites in 800 x 600 pixels, despite the pushing for larger resolutions for desktop sets, we do not have to forget that there is quite a larger need to resolve our own websites into millions of laptops, that daily connect to the www by wireless connection on UMTS and, really, if we start filling our pages with flash objects and large images, then we will have to forget to capture those users.
If there is no special requirement for CSS and xhtml but simply transitional web pages, there is really nothing better than tables, as exemplified in my CLONE website, where all site pages have been designed in page sub sections by 800 x 600 resolution, and where all those subsections opens by 100% width and 100% height and the model is there to grab for free, as being that absolutely clientside code, so just go there rightclick and take it…
Here is how you can spread your content in your pages by simple html table usage:
• Headings & Purposes
• Website Feedback & Contact
… the final design result [yours] depends from YOUR OBJECTS and the text you set in those frames and of course from your images and backgrounds.