I have a div like this

<% flash.each do | key, msg | -%>
<div id="flashmsg" class="<%= "flash_#{key}" %>">
<%= msg %>
<img src="/images/closebutton.gif" alt="X" class="closebutton"
onclick="javascript:new Effect.SlideUp('flashmsg',{duration:0.5})" />
</div>
<% end %>

.flash_error, .flash_note, .flash_notice {
background:#99BF60 url(../images/greenbg.png) repeat-x scroll left
top;
border-bottom:3px solid #1F521A;
color: #fff;
clear: both;
text-align: center;
font: normal normal 1.75em Verdana, Tahoma, Arial, sans-serif;
}

Pretty standard stuff.  When I click on the close button and execute
slideup, something odd happens: the div's height momentarily increases
by a good 30%, pushing everything below downward, then slides up.  If
I increase the duration, it's very obvious.  This causes an annoying
little jerk on the page rather than a smooth motion.

I tried blindup with same result.  I'm using latest stable version of
scriptaculous and prototype.  any idea appreciated.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby 
on Rails: Spinoffs" group.
To post to this group, send email to rubyonrails-spinoffs@googlegroups.com
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at 
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to