witam, realizował ktoś z Was taki efekt w js, chwytamy diva, przeciągamy go i upuszczamy z tym że pozycja upuszczenia ma sie dopasowac do szkieletu podzielonego na kilka kolumn tak jak jest to zrobione np. na startowym, sam efekt drag&drop jest mi znany nie wiem za to jak ugryźć tą kwestie dopasowania diva do szkieletu

robić nie robiłem, ale wydaje się to dość logiczne do ogarnięcia.
Musisz znać aktualną pozycję DIVa, którego masz w trybie Drag&Drop, mówiąc po ludzku "ciągniesz" go :)
Musisz znać pozyjcę poszczególnych lini siatki, tudzież obszarów króre są ustaione jako coś w stylu "droppable", w sensie, że nie możesz tego DIVa upuścić gdziekolwiek, ale właśnie tam.
No i cały czas badasz czy pozycja DIVa nie nakłada się z pozycją siatki / obszarów "droppable".

Pogoogluj - znajdziesz raczej takie rzeczy. Zajszyj do bibliotek Prototype.js, Scriptaculous, Yahoo UI.
może tam coś mają dla ciebie?

pozdr.

http://demo.script.aculo.us/shop

http://webdesign.bitmar.net/system

user: demo
passwd: demo

Tu jest chyba dokładnie to o czym mówisz... Pobaw sie i wygrzebaj co potrzebne.

zobacz na to: http://tool-man.org/examples/sorting.html