Здравствуйте! Необходимо при уменьшении окна браузера, уменьшать главный div пропорционально и при этом, чтобы все вложенные div и картинки уменьшались также пропорционально без сдвига. У меня стоит главная картинка 2.png на которой находятся определённые элементы, которые смещать нельзя.
Код:
<div style="position: relative;">
<div style="position: absolute;"><img src="../images/2.png"/></div>
<div style="position: absolute;right: 5px;top: 155px;"><img src="../views/vid/images/f.png"/></div>
<ul class="bt-nut" style="position: absolute;right: 5px;top: 155px;">
<li>
<a href="" class="link-desc">
<div class="ch-item2" style="background:url(../images/wt.jpg) center center no-repeat;top: 154px;right: 20px;">
<div class="ch-info-wrap2">
<div class="ch-info2">
<div class="ch-info-front2" style="background:url(../images/wt.jpg) center center no-repeat;"></div>
<div class="ch-info-back2" style="background:url(../images/wt.jpg) center center no-repeat;">
<div>
<div>
<span class="sp2"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</a>
</li>
</ul>
</div>
Помогите, пожалуйста.