Подскажите кто сталкивался
есть 4 дива нужно их синхронизировать
Контейнер и 3 вложенных
CSS -----------------------------
#MainContent
{
position: fixed;
top: 150px;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #000;
margin: 5px;
overflow: hidden;
}
#MainContent #PanelLeft
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 200px;
border: 1px solid #000;
background-color: Maroon;
margin: 5px;
}
#MainContent #PanelMain
{
height: 300px;
border: 1px solid #000;
margin: 5px 200px;
background-color: Yellow;
}
#MainContent #PanelRight
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 200px;
border: 1px solid #000;
background-color: Blue;
margin: 5px;
}
CSS -----------------------------
<div id="MainContent">
<div id="PanelLeft"></div>
<div id="PanelMain"></div>
<div id="PanelRight"></div>
</div>
Есть хорошая функция JQuery которая синхронизирует блоки.
$("#PanelLeft").resizable(
{
alsoResize: '#PanelMain',
});
$("#PanelMain").resizable()
);
Нужно что бы маргин
#PanelMain увеличивался также как ширина #PanelLeftл;