Trouble using float with re-rendered (partial) content in IE 6
Posted on 2007-11-15
IE 6 renders regular content in my 'sidebar' element in the upper-right corner like a good browser.
However, if I put a reference to a separate page (called a partial in Ruby on Rails) in 'sidebar' that will be re-rendered without a page reload, 'sidebar' renders in the upper-left-most side of the page. This happens on the initial page load, before the 'partial' is re-rendered. Here is my html:
<ul id='event_list'><%= render :partial => 'events', :object => @case %></ul>
I have tried putting the 'sidebar' divs in the 'events' partial, but got the same result. This problem seems to be unique to IE 6 (and probably all versions before it), but not in IE 7 or 8. I'm aware that IE 6 and below handle floats incorrectly, but is there a way around this?