The main conclusions to draw from this article are:
- Webpages are printed on "elastic paper".
- Size of images and text varies depending on screen settings.
- Positioning of images and text varies depending on screen settings.
- The actual size of images and text depends on both screen settings and physical monitor size.
- The same webpage looks different depending on the users monitor size and screen resolution.
- Only the visual height varies with customization of browsers.
- The visual width is less elastic than the visual height.
As you can see - there are many factors that influence the final look of your pages.
It is extremely important to keep each and every factor in mind when you design your pages.
When you start building a new web site it is very tempting to add content to several pages right away.
But since so many different aspects have influence on the final look, it is almost impossible to take them into consideration once the pages are done in the rough.
This leads us to the final and most important conclusion:
You must find the right layout before you start adding content to your pages.
The best way to do this is to design an empty template page. Add all the tables and graphics. Write dummy texts etc, and stick to the dummies until the layout is perfect.