[jQuery] IE7 DOM manipulation and redraws
Hi Everyone,
I've run into a little problem which leaves me stunned.
I'm having a page with a list of div's (a search result). It looks like this:
<container div>
<div id="result1"/>
<div id="result2"/>
<div id="result3"/>
<div id="result4"/>
</container div>
the result divs certainly contain something. Now I have a button in each of
the result divs that allows the result do be removed. When the button is
clicked (below for result2) this snipped of code is executed:
$('#result2').remove()
On FF2 this works nicely. Not so on IE7 (or 6 for that matter). What happens
is that the element is removed, however the elements below are not moved up
properly. It now looks like this:
result 1
space the height of former result 2
result3 and result4 overlapping
The moment some other javascript that draws on the page is executed everyting
falls in place correctly. In my case it's a modal "yes no" dialog (jqmodal),
but I assume it doesn't really matter. Anything that "draws" on the page will
make it look correct.
Any ideas?
Thanks
Uwe