Graphic Behavior in CSS

[sdamos]

If I have a 3 column layout that resizes the text and such to the page and res settings, is there a way to make CSS resize a graphic too? For example, if I have a page layout in CSS that is 775 pixels wide, and so is the graphic, what happens if the page is shrunk smaller than the width of the Graphic?

Thanks,
Shannon

[Cam]

This won't work in IE but it might in Moz/Opera so maybe it's worth a shot.

 <img src="/path/to/img.png" alt="" style="width: 775px; max-width: 100%;" />

[sdamos]

This won't work in IE but it might in Moz/Opera so maybe it's worth a shot.

 <img src="/path/to/img.png" alt="" style="width: 775px; max-width: 100%;" />

Thanks, but I want it to work in IE mostly. Thinking of doing something different anyway, thx for the reply!

[Paul O'B]

Hi,

Just take the size out of the image tag and set the size in % with css.

img {width:20%;height:8%}

The image will then shrink and grow as required. Just try and set the apsect ratio as near to the original size as possible.

Paul

[sdamos]

Thanks, but I want it to work in IE mostly. Thinking of doing something different anyway, thx for the reply!

Thanks!