Имеется несколько блоков:
<div id="container" style="position: absolute;">
<div id="ui" style="width:150px;height:50px; position: absolute; background:red"> </div>
<div id="controls" style="width: 150px; height: 50px;"></div>
</div>
Суть задачи в том, что когда меняем положение или размер блока "controls", то и блок "ui" повторял эти же действия.
Примерный код js для изменения положения блоков:
controls.style.top = e.pageY +'px' ;
controls.style.left = e.pageX+ 'px';
ui.style.top = controls.style.top;
ui.style.left = controls.style.left;
но блок "ui" не двигается. В чем подвох не понимаю, но если "controls" обернуть в еще один блок, то все работает.
Как правильно организовать структуру блоков?