Try using scaleMode : { originalHeight : "someVal", originalWidth :
"someVal" };
I think the scaling is getting mixed up because of the box model
behavior differences in the browsers and the accommodation for the
borders.
On Oct 23, 1:48 pm, Michael Hartford <[EMAIL PROTECTED]>
wrote:
> I have a collection of divs that I want to be able to grow and restore
> on click. When one div grows, the others should shrink; restoring the
> divs should return them to the original size. I'm using the
> script.aculo.us (1.8.1) Scale effect:
>
> Scale up: new Effect.Scale(element, 200,
> {scaleMode:'contents',scaleY:false});
> Scale back: new Effect.Scale(element, 50,
> {scaleMode:'contents',scaleY:false});
>
> In IE, this works as expected; the elements all return their original
> size. But in Firefox (3.0.3 and 3.1 beta) and Safari for Windows, the
> elements do not return to their original sizes and eventually become
> significantly out of kilter.
>
> You can see a simplified example here:
> http://michael-hartford.com/demo/scale.html
>
> Has anyone seen a similar problem? Any workarounds or suggestions?
>
> Thanks!
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
