(Site Identification)

'Eye' Focus: Web Support Tutorials

Browser and Computer Resolution

This is a QUICK JavaScript that will report the settings of a browser and computer monitor. To try other settings simply make your changes and reload (or refresh) this page. (Compatible with newer version browsers.)

Note: There is a flaw in Microsoft's Internet Explorer that can always return a fixed number as the 'browser area' height, without regard to the program or video display settings. This flaw only appears when an XHTML document is declared (the standard by which this web site is coded).

This information is useful in evaluating what will be seen by what is called a "Default" visitor. Default is considered a Screen Resolution of 640x480 and a Color Depth of 256 colors (most computer's default settings). This leaves a default maximum Browser Area of 600x300 pixels. A site designed with a minimum width wider than 600 pixels would require side scrolling which should be avoided. (Most users are not accustomed to side scrolling.)

Web site designs should be adequately viewable at 600 pixels wide and 256 colors. It is also a very good practice to make your designs where they will adjust to the browser/monitor settings, rather than have a fixed format design. Fixed format designs are characteristic of designers for printed material. Try making your design flexible, one that can adjust to the visitor's browser.

As an additional incentive for designs that will fit 600 pixel widths - printers will print web pages with a default resolution of 72 dots per inch. This means, at best, a 600 pixel width design will print while those wider will be cropped off. If your design is wider than that, the extra width in your design will simply not be printed. This could mean important content is lost when printed.

[Updated: Sunday, November 18, 2007]