Prototype Ajax Updaterがページを正しく更新しません

Question

私は、Ajax Updaterを使って（web_link_to_remote経由で）、divの最後にサーバーから返されたHTMLを挿入しています。正しいHTMLが正しい場所に挿入されますが、divの下部にある新しいHTMLが既存のページフッターの上部に表示されます。

コンテンツがもともとページの一部であった場合は、そのコンテンツの後にフッターが低く表示されます。しかし、余分なコンテンツが挿入されたときには、フッターはそのまま残り、新しいコンテンツがフッターの上部に表示されます。

更新：以下はビューコードです。ページ自体はここにある：あなたが#member_listと#contentに860pxの設定高さを持っている

<h1>Newest Members</h1> 
    <div id="member_list"> 
    <% @people.each do | person | %> 
     <div class="item connection"> 
     <%= insert_profile_pic(person) %> 
     <div class="info"> 
      <h2><%= link_to h(person.full_name), person %></h2> 
      <p class="author">Joined in <%= person.created_at.strftime("%B %Y") %></p> 
      <ul> 
      <li><span><%= person.reviews.count.to_s %></span> recommendations</li> 
      <li><span><%= person.lists.count.to_s %></span> lists</li> 
      <li><span><%= person.friends.count.to_s -%></span> connections</li> 
      </ul> 
     </div> 
     </div> 
    <% end %> 

    <div id="button_div"> 
     <% if @people.last.id > 1 %> 
     <% offset_param = "'offset=" + @next_offset.to_s + "'" %> 
     <p> 
     <%= button_to_remote "Show More..." , {:url => {:action => 'more_members'}, 
      :update => 'member_list', :position => :bottom, :with => offset_param, 
      :before => "removeElement('member_list','button_div'); Element.show('spinner_div')", 
      :after => "Element.hide('spinner_div')"} , 
      :id => "more_people_button", :class => "button green wide_button" %> 
     </p> 
     <% end %> 
    </div> 
    </div> 

Answer 1

：それはちょうどレコードの次のバッチを求めてモデルを呼び出すようhttp://likily-stage.heroku.com/newest_members

コントローラは非常に基本的ですdivs。したがって、コンテンツを追加すると、divは収まらなくなり（フッタを押し下げる）、代わりにオーバーフローします。

Answer 2

#contentと#member_listから高さを削除すると、問題を解決できるはずです。