How can float widgets get swapped or sorted with each other just on a little contact from any direction without entirely overlapping each other?

How can float widgets get swapped or sorted with each other just on a little contact from any direction without entirely overlapping each other?

Hello,
I am A developer and i used yours Sortable plug-in. It was working fine. But My boss demanded to float the divs with different width and height and then apply ui.sortable to them.
He also said me to make it like google when on just on the touch to other div border, sorting starts.
But when i made the divs float with different sizes, and applied sortable on them. We noticed that we had to move any box all over the other box in order to sort them. Sometimes it becomes very difficult to sort the boxes from left to right.


My Questions are:
1: How can i make two widgets or boxes sortable by keeping them as float just on touching the boundaries of the each from left, right, bottom or top? Means to say, instead of entirely overlapping each other widget, the widgets must swap or sorted just on a little contact from any direction by keeping their floating position intact.

2: How can i attach the place-holder and apply forceplaceholder property with floating widgets or divs?

Please reply me asap.

Regards
Murtaza