You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have a slider with multiple slides that I wan't to scale on window.resize. The problem is with IE8. On all other browsers, including IE7, when the #slider_wrap is scaled, its children are scaled as well.
But on IE8, when I apply the scale transform only the #slider_wrap is resized, none of its children.
After some debugging I found that this happens if any of the children are relatively or absolutely positioned. When all the position rules are removed from children, the scale transform works, but it breaks my slider layout.
This is my slider layout:
#slider_wrap(absolute)
#slider(relative)
#slides(relative)
.slide(absolute)
I must remove all the positioning below #slider_wrap to get scale to work. Is there any help, other than reworking this custom slider that we use?
The text was updated successfully, but these errors were encountered:
I have a slider with multiple slides that I wan't to scale on window.resize. The problem is with IE8. On all other browsers, including IE7, when the #slider_wrap is scaled, its children are scaled as well.
But on IE8, when I apply the scale transform only the #slider_wrap is resized, none of its children.
After some debugging I found that this happens if any of the children are relatively or absolutely positioned. When all the position rules are removed from children, the scale transform works, but it breaks my slider layout.
This is my slider layout:
#slider_wrap(absolute)
#slider(relative)
#slides(relative)
.slide(absolute)
I must remove all the positioning below #slider_wrap to get scale to work. Is there any help, other than reworking this custom slider that we use?
The text was updated successfully, but these errors were encountered: