I have 3 draggable DIVs. At the end of every Drag-Event, I write the new position to a MySQL-DB. When reloading the page, I load the last position for every DIV and restore this position on the page.
But the strange behaviour is: When setting the position of all three DIVs to exactly the same values (IMG1), they arent positioned correctly (IMG2). Please see the following screenshots, to see, what I mean:
IMG1
IMG2
The 2nd DIV is displaced exactly by the height of the 1st DIV and the 3rd DIV is displaced by the height of the 2nd DIV. For debugging I inserted the DIV-definition into the first line of the DIV-content... you can see it in the IMG2.
But it´s getting stranger: When now resizing the 1st DIV (via jQueryUI) the 2nd und the 3rd DIV "hop" to above by the height of the 1st DIV. When resizing the 2nd DIV as well, the 3rd DIV hops to above by the height of the 2nd DIV.
Does anybody was a clue? I am really distressed about this strange piece of software Please help!