Screen resolution and size affecting image size?

[dms]

I didn't realize that not only do I need to deal with browser issues, I need to deal with different display resolutions and sizes. eg.. viewing an image on a 13.3" screen with a resolution of 1280 x 800 pixels, an image will be smaller than if viewing on a screen with lower resolution. I assume this also affects font size somewhat.

 

This is very new to me and very confusing. What is the best way to deal with this and is there a trick to view not only how different browsers display the page, but also the many screen sizes with various resolutions?

 

I noticed that I have the option to size an image using percent instead of pixels in my image editor - would I be better off using percents?

 

Thanks in advance,

 

Mark

[Wickham]

The usual answer is to let the viewer decide what screen resolution he finds best. Disabled people have their own ways of dealing with screen issues, either adjusting text size or screen resolution or even a special stylesheet.

 

Design your page so that it looks good on a normal screen resolution (usually 1024*768 or more recently 1366*768 which is the same as wide screen TV for movies.

 

You can design a totally fluid page using % widths for everything, elements like divs and also for side margins and padding and image widths, totalling 100%. Unfortunately borders cannot be sized in % so if you have side borders, make the other items total 97% or 98% to allow for the borders. It will mean that your page will look very squashed up in small resolution hand-held devices and very stretched out in large resolutions like 1920*1200 so many people code widths in px but use max-width and min-width (doesn't work in IE6 which requires fixed width).

[dms]

Thanks Wickham