Image Width in IE 7

[OliverE]

Just noticed a small issue that only occurs with Internet Explorer 7.

If I set an image width to 100%, in Firefox, Chrome etc, it will increase the image size to the maximum space that it can fit in. So if I have a 50px space, the image will be resized to 50px.
But in IE7 it thinks width 100% means set the width of the image to 100% of its actual size so if there was a space of 50px and the images true width was 100px then the image would display at 100px.

Does anyone know a way round this issue as at the moment ive got browser conditionals so that people with IE 7 cannot see this image.

Thanks

 

[SGT.Code]

maybe use the actual space width?

 

[OliverE]

Sorry, the space is fluid

 

[SGT.Code]

ok um i dont know but next wendsday if you still havent figured it out il ask my web development lecturer

 

[OliverE]

That would be cool,
I can write a more formal question if you'd like so you can just hand it him, instead of trying to explain it?

 

[SGT.Code]

yer but i can allways show him your original post he should get the idea

 

[OliverE]

Ok.

 

[SGT.Code]

check you have a document type transitional at the top of the source on the page if its not that then try doing it with css styles and he said this site will help : http://www.w3schools.com/css/css_dimension.asp

 

[OliverE]

Forum is transistional.
Did you tell him that its only in IE that it doesnt work.
Maybe I should make some screenshots because I had to hide the image from internet explorer users.

 

[SGT.Code]

well he wasent to happy me asking at first caus it had nothing to do with what we are doing and thats prettymuch all he said but thier is more than 1 way of displaying an image here: http://www.w3schools.com/tags/tag_img.asp

 

[OliverE]

No problem, ill work on it when I get some more time.