Michael Stevens wrote: > [...] What I'd like is the images be placed as a % NOT according to > the font-size but according to how large <content> is. If the minimum > window of 800x600 is used the images need to be smaller. If the > browser is out to the max at 1024x768 then the images can be larger.
Setting image-width in 'percentage' makes it relate to container size (width) - which is what you're asking for, while 'em' makes it relate to font-size. Image-height should normally be set to 'auto' when using 'percentage-width', to make the image scale. You can also use 'min-width' and 'max-width' to keep the image(s) within reasonable size(s). IE6 (and older) may scale 'percentage-width' badly if given many, slow-loading, images to handle, and min/max isn't supported. I have no idea if IE7 is scaling any better, but at least it supports min/max. Most other browsers will scale just fine with 'percentage-width'. > The more I think about it I don't believe I can do it this way... Don't "believe" so much. Think and *test* ! :-) FWIW: I have an image with 'percentage-width' as "header" on most pages on my own site. 50% width and a fixed (non-scaling) height. May not look like much, but it behaves as intended across browser-land. A site with scaling image... <http://www.robertnyman.com/> ...which only fails slightly in IE6, probably because Robert has not bothered fixing all of IE6' bugs. That doesn't change the effect. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
