asked on

Percentage width for Images in IE(7)

I currently have a table based web page consisting of 3 columns, each equally sized with 33% width, obviously increasing and decreasing accordingly as the web browser is resized.

In one of these columns I have an image, which occupies the full width of that column/td. I have the images width set to 100%. In Firefox, Opera, Chrome and Safari, as I resize my browser window, the image resizes in relation to the column size - perfect. However, the image within IE shows at the images full (100%) size, therefore pushing the column/td width out greater than the 33% column width - as I resize IE, the other 2 columns resize fine, but the column containing the image remains static - stuck at the actual 100% image dimensions giving me 1 very wide column and 2 much narrower.

Can anyone please provide me with ANY hacks/css/tips/javascript...anything, that will get around this, so my image can scale proportionally when IE is resized, in the same way that all the other browsers work?

Thanks in advance.

ASKER CERTIFIED SOLUTION

qwerty021600

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Starnzy

ASKER

OK, but despite it not being advisable - is there actually a way to get IE to handle the issue described above, in the same way as the other browsers?

qwerty021600

Can u share the URL or the peice of code along with image to have a better view.