css rotation absolute right positioning ie8 (quirk)

[bot666]

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>
</div>



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

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

[GreenSock]

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/)