How would I relatively position widgets on a web page with jQuery

Question

Hello, I'm writing a web app that contains a web page that will be filled with (movable and draggable) widgets. Any clever ideas of how I could position them so they would be visible on all resolutions 1024+ and keep their relative distances the same both from the edge of the screen and from each other (although overlapping would obviously be acceptable in lower resolutions).

Thanks for any insight!

Answer 1

implement the widgets with jquery ui draggable which contains a option to set containment which in your case could be a div with paddings.