Jump to content


css rotation absolute right positioning ie8 (quirk)

Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi not sure where to post this but thought it might be useful for someone.


I just noticed an interesting quirk in Internet Explorer 8.


My absolute positioned objects that had their coordinates set as left rotated nice but the ones with their coordinated set form the right rotated unusually.


<!-- e.g. #1 nice -->

<div style="position:relative;">
   <div style="position:absolute;[b]left[/b]:20px"></div>

<!-- e.g. #2 weird -->

<div style="position:relative;">
   <div style="position:absolute;[b]right[/b]:20px"></div>

Link to comment
Share on other sites

Ah yes, that has to do with the fact that IE8 and IE7 use very different box models and interpret sizing differently, particularly rotated/filtered elements. Long story, but I believe that after hacking away at it for hours, I figured out a way to use margins to offset things correctly visually. Please snag the latest version and let me know if that works well for you. http://www.greensock.com/v12/ (or if you're a Club GreenSock member, download it with all the bonus stuff in your GreenSock account at https://www.greensock.com/account/)

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.