Use Relative Dimensioning whenever Possible!

In a previous article you read why you provide explicit dimensions to your images (remember?). But you can do even more than that: You can make your graphics looking attractively even at different screen resolutions. Something that's a typical sign of really "professional" web site design!

Whenever you have WIDTH="..." or HEIGHT="...", you can use either absolute numbers or percentages. If you use absolute numbers, they mean the number of pixels. This might be reasonable, if an image shows a number of fine details that would look garbled if a visitor has a different screen resolution.

Yet, there is a drawback to using absolute numbers for WIDTH="..." and HEIGHT="...". If, for example, a visitor has a screen resolution of 1024 x 768 but you developed your web site at 800 x 600, your image, table etc. would cover only a part of the screen, leaving the other part empty. Instinctively your visitors will interpret this as a sign of lacking professionalism which in turn might be extrapolated to the perception of your products. Not exactly what you want!