resizable div
 

Скажем, у меня есть 2 склеянных div-а.

<div style="float:left">
левая колонка
</div>
<div class="content">
поле с контенетом
</div>

Хотелось бы, чтобы пользователь мог мышкой, методом drag изменять ширину первого div и тем самым, как мы перемещать гранниыу между div-ами.
Как возможно реализовать такой эффект ?

По событию mousedown на выделеной области начинайте отслеживать координаты указателя мыши, по событию документа mousemove изменяйте размер блока соответственно координатам указателя, по событию документа mouseup прекращайте все действия.