search

CSS-Tricks / MovingBoxes

Simple horizontal slider which grows up the current box when it's in focus (image, title & text) and back down when it's not in focus.
http://css-tricks.github.io/MovingBoxes/
GNU Lesser General Public License v3.0
280 stars 147 forks source link

IE9 doesn't minimize the images #86

Closed chanel535 closed 12 years ago

chanel535 commented 12 years ago

Hi there,

I've been trying to fix this for days now, but for some reason the images are not resizing in IE9. They look fine in all other browsers.... Does anyone know what the issue could be. I am using the ie css file too...

Mottie commented 12 years ago

Hi chanel535!

I double checked and the main demo appears to be working as expected in IE9. Would you please share the settings you are using or better yet, modify this demo.

One thing to check first, is if the reducedSize option is smaller than 1. If it isn't, the images won't get smaller.

chanel535 commented 12 years ago

Hi Mottie!

Thanks for getting back so fast! I don't know if you're talking about my css or js settings. The reducedSize option is set to 0.7 so that can't be the issue... Maybe you could check my site in IE9? The url is www.xarabi.com

Mottie commented 12 years ago

It looks like that page is being switched into quirks mode. Add the following to the head of the page and it should fix the problem:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />
chanel535 commented 12 years ago

OMG!! You're right, that did the trick! Thank you so much, I probably wouldn't have figured this out by myself. I really appreciate it!!