I have a page with thumbnail images that need to be sortable. In all browsers but IE this works great. In IE when i drag an item, the items do not shift to allow dropping. If I remove float:left; from the css it works but then my divs are not inline. (if i set display:inline; my divs will not keep their margin)
I know there is a better way to do this. I just haven't figured it out. Here is my code: <style type="text/css"> .photoBox{ background:#fff; border:solid 1px #d8dfea; float:left; height:150px; margin:10px; text-align:center; width:150px; } </style> <div id="container"> <div id="box_1" class="photoBox">[img]</div> <div id="box_2" class="photoBox">[img]</div> <div id="box_3" class="photoBox">[img]</div> </div> <script type="text/javascript"> Event.observe(window, 'load', function() { Sortable.create('container', { tag: 'div', overlap: 'horizontal', constraint: false, starteffect: function() { }, endeffect: function() { } }); }); </script> -- You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptacul...@googlegroups.com. To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.