Hello,
I am working on a centered web site where I think most visitors will
have 1280x800px.
What is the width usually used in this cases? I am trying to decide
somewhere between 920px and 960px.
Could someone advice me on this?
A side note:
Should I design for 800x600px? As far as the statistics I've seen and
the knowledge I have from this type of web site audience most people
will have 1280x800px or higher.
It often is possible to design a web page so that it views the way
intended on most screen widths. People with newer PCs may have screen
widths well over 1000 px. Those with some portable and hand held
devices may have screen widths of 245 px or less. Do not design for a
certain screen size unless you must in certain situations.
As an example, view
http://winefaq.hostexcellence.com/wine/section3b.php#l9 on any screen
size from about 245 px to well over 1000 px. Notice how the screen is
filled with about the same percentage of margin on both the left and
right. If you have an Opera browser, just press "Shift" and "F11"
together. This will bring up a very small screen width of about 245
px, but the page still views properly. Most other browers will allow
selection of at least 2 or 3 screen widths, but usually not as low as
245 px.
The next question is how is this done. The answer is in the CSS style,
an external style sheet for the example given. View the external
stylesheet at
http://winefaq.hostexcellence.com/wine/style.css . The
only reason the style sheet is external is to avoid duplication, since
the same style is used on several pages. Look at the style sheet
specification for body. Note that body contains left and right margins
specified in percentages of width rather than specific numerical
units. This is the secret of why the page views properly on an extreme
range of widths.
Disregard the xhtml Doctype used. It should be used only by those who
have associated the proper mime type for true xhtml on the server;
otherwise the xhtml page just gets served as html despite the xhtml
notation. Also some tricks must be used for browsers that can not
handle true xhtml served properly, such as all IE browsers. So write
the page in html 4.01 strict unless you are doing all of the xhtml
related things mentioned.