Image resizing by different browsers

[cobberas]

Hi all

I'm getting different image resizing by different browsers when I resize the browser window: with Mozilla the images (photos) resize with the window size and all is good; with IE7 the images remain the same size regardless of window size, so they end up way too big in a smaller window and cramp out the text.

I've tried checking "Enable Automatic Image Resizing" under Tools-Internet Options-Multimedia but it made no difference.

The pages I'm having trouble with are:
http://ceps.anu.edu.au/research_projects/ceps_ajf_partnership/index.php
and
http://ceps.anu.edu.au/research_projects/ceps_ajf_partnership/opp_obs_wshop.php

How do I make the images resize automatically with IE7 like they do with Mozilla?

Thanks in advance
Cos

[sreein1986]

fit your Image size like this

<img src="your image path" height="size in pixels" width="size in pixels" />

now it fit in all browsers with same size

[cobberas]

Thanks for your efforts Sreekanth, but I'm actually wanting to achieve the exact opposite of what you've suggested - I don't want the the images to fit in all browsers with the same size; I want them to be automatically resized in all browsers.

Cheers
Cos

[MidiMagic]

That's the opposite of what he wants. He wants it to be smaller when the browser window gets smaller.

Do this:
Style:

.imsize1 {width: 50%;}

XHTML Code:

<img src="mypicture.jpg" class="imsize1" alt="my image" />

Set the percentage to the size you really want, as a percentage of the containing tag size.

The image resizes proportionally in both IE and FF, keeping the same aspect ratio. I tested it on IE7 and FF3.