Jack Blankenships wrote: > What I am trying to do is create a set of images in a fluid layout > that adjusts based on the browser size. > > The code is really very simple. I have a css-p div that contains an > image placed in a certain spot on the page. The container div is > sized based on the client browser. The idea is to have the large > image inside sized to match the container. Using min-width and > max-width (both set to 100% in this case) as percentages resizes the > image based on the container (yay!) rather than the original image > size (which is not helpful in this case). Using width as has been > suggested refers back to the original image size.
No. 'Width' refers to the image's container. This is also true in IE/win, as long as the container has 'Layout'[1] - which yours have. > This sample code works in Firefox, Mozilla, Safari, Opera ... but not > in Internet Explorer because there is apparently no suppourt for > min-width and max-width: IE6' lack of support is correct. > [...] Your example is the same as 'width: 100%; height: auto;' since 'min/max-width' are both 100%. That's regular image-scaling, which works in IE6 (and older) too - to a degree. IE6 isn't good at scaling images, and may lose the width/height proportions on large or many images over a slow connection. The scaling issue you describe and exemplify can otherwise be solved as in this demo... <http://www.gunlaug.no/tos/moa_19c.html> See the relevant article linked in at the bottom for more details about image-scaling in browsers in general. regards Georg [1]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
