I'm using the following code to position the item I'm "growing" with
Effect.Grow.
<!-- Expand Portfolio Begin -->
<div>
<div id="grow_portfolio"
style="display:none;
position:absolute;
top:88px;
left: 183px;
width:42em;
height:30em;
background:#FF00FF;">
</div>
</div>
<!-- Expand Portfolio End -->
It looks fine in IE when the browser,text size is set to "medium",
which is the size I'm designing to. I understand that the reason the
position of the item changes when I resize the text is because I'm
using pixels for "top" and "left". When I use ems the item bounces
when I invoke Effect.Grow.
I would like the item to maintain it's relative position on the page
when the text is resized. Is there a way to do this using only HTML
and CSS?
--
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.
