Scale in IE8

[Chantal]

Hi!

 

I want to scale all the elements in a div only in IE8 to fit if the resolution is in 1024px x 768px.

 

My code did what I want on Chrome but nothing in IE8, except if I scale the primaryContainer but with a lag unacceptable.

 

I prepared a page for you to see what I have: http://inceptusmedia.ca/ils4/ils_player/ct/scalegs/index.html

 

If somebody can tell me if this seems doable please.

 

Thanks!

Chantal

[Carl]

Hi,

 

Not really following the issue. Didn't really know what I was supposed to do or look at when I visited your site.

Please create a reduced test case as explained here: http://greensock.com/forums/topic/9002-read-this-first-how-to-create-a-codepen-demo/(please watch the video).

 

 

Any comments you can add to the code (both HTML and JavaScript) will help. 

In general, IE8 is a pretty horrible browser and there isn't much we can do to make it perform better. It is especially poor at 2d transforms (like scale). 

However, if you provide a simple demo that clearly explains which animation isn't working as it should, we should be able to help you out.

[Chantal]

Hi,

 

Codepen don't work on IE8 that's why I created an example on our server.

 

The issue is: the scale of the div "containerIE" doesn't scale on IE8.

 

But if you say that the scale will be too poor I can search for another solution.

 

Thanks!

[Carl]

This might have to with the fact that IE8 has a bug that doesn't scale children when the parent scales.

The fix (sometimes) is to put a style of "filter:inherit" on the child.

 

Here is a fiddle for you 

 

this uses the inherit "fix" on the child div's inline style, notice both boxes scale correctly.

Full View for IE8: http://jsfiddle.net/hc09m7o4/embedded/result/

 

this does not use the fix

Full view for IE8 http://jsfiddle.net/yr7qg2z0/1/embedded/result/

 

Might be worth a shot in your version.