Non-proportionate resize in IE (IE7)

GoogleCodeExporter commented 9 years ago

What steps will reproduce the problem?
1. In stylesheet, go to "div.slideshow img" selector.
2. Add a height (eg, 150px).
3. IE will only scale the height, and leave the width unscaled.

What is the expected output? What do you see instead?
The image should be proportionately scaled when only one axis (height or width) 
is provided. Chrome 6 and Firefox 3 proportionately resizes the images

What version of the product are you using? On what operating system?
Galleriffic 2.0.1 on Windows XP, with IE7.

Please provide any additional information below.

Outside of the Galleriffic context, IE7 actually performs the correct 
proportionate resizing of images when only one dimension is provided. So, I'm 
thinking it probably isn't a problem with IE7's implementation of the CSS 
standards.

The height of <img> under div.slideshow is not specified elsewhere in any other 
stylesheets, as far as I know; it would also have affected Chrome and Firefox 
otherwise.

Original issue reported on code.google.com by q0652...@gmail.com on 14 Oct 2010 at 5:11

GoogleCodeExporter commented 9 years ago

Ok, apparently adding providing the other dimension and using "auto" as the 
value fixes this. It was a sudden chance that I tried this. My apologies. 

However, it is still weird that IE7 would follow the CSS standards normally 
(like the other browsers), but chooses to mis-behave when loading the 
Galleriffic images (unlike the other browsers).

Original comment by q0652...@gmail.com on 14 Oct 2010 at 5:36

GoogleCodeExporter commented 9 years ago

YES!  this fixes it.  Galleriffic css file should be changed to this for IE7 to 
work like firefox does.  Nice one q0652227!

div.slideshow img {
    border-style: solid;
    border-width: 1px;
    width:auto;
    height:auto;
}

Original comment by garyka...@hotmail.com on 21 Oct 2010 at 7:54

vavavr00m / galleriffic

Non-proportionate resize in IE (IE7) #156