Im trying to create a 3 column DIV that allows me to resize the div column widths by drag handles using Jquery. This JSFiddle may better explain it. http://jsfiddle.net/SHEDz/1/
Ideally I want to be able to drag the div.bar left or right and the divs to the left or right of the bar resize accordingly so that it doesnt exceed the total width.
Ive seen an exmaple like this http://jquery.jcubic.pl/splitter.php but my Jquery writing isnt getting me what Im after.
anyone out there up to the challenge?
Try the jQuery Layout container plugin:
http://jsbin.com/ucaxu4/3