Resolution Friendly Web Pages

Not only will different browsers display your page differently, but computers with higher or lower screen resolutions can play havoc with the layout of your page if you are not careful.

I have a 19 inch monitor, and my screen resolution is set to 1280x1024, however, I have to assume that someone with a 15 inch monitor running 640X480 will be viewing my page.

There's any easy way to make sure that your page will display correctly at any resolution. Until style sheets and absolute positioning become standard, the best way to provide structure to a web page is the use of tables.

I use the following markup on every web page I design:

<TABLE WIDTH="600" ALIGN="CENTER"> <tr> <td> Body of page goes here </td> </tr> </table>

The important thing here is the width="600". This keeps your entire page no wider than 600 pixels - designing for the lowest common denominator in other words.

I chose to add a border and background to this site, but if you omit the border, your table will be invisible, but the layout will remain in order.

I also like to align the table in the center of the page, so on computers with high resolutions, there is not a lot of space on one side or the other. Most commercial sites align to the left - I guess it's a personal thing.