How can I stabilize the page layout when viewer conditions, such as text
size and resolution change from viewer to viewer?
This is a great question, although it would be better if you were asking
this:
"How can I build my page layout so that it accommodates different viewer
conditions, such as text size and resolution..?" Because there's no magic to
make a page automatically look good under every condition - just good code
and careful planning to *accommodate* those conditions.
- Keep your layouts simple! If you use tables, use as few as possible.
- Make sure you understand the basics of HTML and CSS, at the very least.
Don't use features of your web design software which produce code that you
don't understand.
- Be sure that areas of your page containing text can expand, at least
vertically, so that when the text size is enlarged by the user, the design
doesn't break.
- Use "flexible" page layouts where possible, based on percentage-width
tables or divs.
- Test your pages in different browsers, at different browser-window sizes
(this is fine for simulating different resolutions), on Macs as well as PCs
