I don't have any widths set for my resizable objects, but for some reason, the boxes can't be resized to the full width of the container.. it seems to be about half. Sometimes the width freaks out and gets stuck at any size it wants to stay at.

Here's the code I'm using as of this post.. I will probably continue to tweak.

2. // create layout drawing - create_layouts.php NEW
3. $(function() {
4. $("#createLayoutDrawing").resizable({
5. grid: 12,
6. containment: '#mainContent',
7. maxWidth: 696,
8. minWidth: 696,
9. minHeight: 348
10. });
11. $("#createLayoutDrawing .resizable").resizable({
12. /*alsoResize: '#createLayoutDrawing div.artboardElement',*/
13. grid: [8, 8],
14. containment: '#createLayoutDrawing'/*,
15. maxWidth: 696,
16. minWidth:100,
17. minHeight:100*/
18. });
19. $("#createLayoutDrawing .resizable").draggable({
20. //stack: { group: 'cuts', min: 50 },
21. zIndex: 2700,
22. grid: [8, 8],
23. handle: 'h3',
24. containment:'#createLayoutDrawing'
25. });
26. /*$("#createLayoutDrawing .resizable").selectable({
27. });*/
28. $("ul#availableDrawings").selectable({
29. });
30. $("ul#artboardElements").selectable({
31. });
32. $("ul#artboardElements li h3").selectable('disable');
33. $("ul#artboardElements li h4").selectable('disable');
34. });