I'm a newbie to this forum and have been dabbling in CSS for a while, but mostly at a fairly rudimentary level. I'm toying with the idea of providing visitors to our website (www.resteddoginn.ca) with a choice of resolution to accomodate their desktop size. The bulk of the site has a fair number of images on each page, the positioning of the images is controlled partially by DIV tags and align element, but the width of the main DIV is fixed in order to have better control over the layout and flow.
In order to maintain fairly similar lay-out flow on a smaller desktop I need to be able to control the absolute size of the images to something smaller than the width and height elements within the img tag when I narrow the width of the main DIV.
The way I figure on doing on this is to have very small php pages for the site in the 3 main resolutions I'm concerned with, with each resolution calling a different stylesheet where the max-height and max-width for the image is specified as a percentage of the height and width elements by setting a different value for the same IMG id. The actual page content would be a txt file called by a php command in the body of the small page.
My question after all this pre-amble is can I use max-height and max-width to control image display size regardless of what the ehight and width elements specify in the IMG tag?