Помогите найти проблему в css, java или html

[victorch 1]

У меня на сайте проблема с дизайном. Sidebar налазит на основной контент или наоборот.

 

Должно быть так: https://yadi.sk/i/mkHY9AkPhk9Yx

А отображается так: https://yadi.sk/i/gRxVxd2vhk9gx

 

Если изменить размер окна а потом опять развернуть все становится нормальным. Так же исправляет ситуацию изменение масштаба ("ctr" + "-", "ctr" + "0").

 

Помогите найти ошибку. Сайт: http://simnews.ru/

[woolfon 51]

в responsive.css классу .sidebar-background измените значение на width:31%
может быть это не лучший выход, изучите эту часть:

<div class="sidebar-background"></div>

Дело в том, что изначально она подчиняется свойству width:20% в responsive.css, а после масштабирования экрана приобретает вид:

<div class="sidebar-background" style="width: 419.5px;"></div> 

вероятно js вычисляет и подставляет необходимую ширину, в общем дальше сами)

[victorch 1]

Спасибо! Помогло.

[victorch 1]

Поторопился. Это решение не решает проблему с фиксацией блока в сайдбаре.

[woolfon 51]

Поторопился. Это решение не решает проблему с фиксацией блока в сайдбаре.

не понял, объясните пожалуйста задачу

[Shnapik 108]

Косячная верстка, верстальщику бы руки оторвать....

 

Увеличить нужно у .sidebar-background размеры ширины. Сделайте 30.75%.

[victorch 1]

Не все так просто. Блок с рекламой в сайдбаре должен оставаться фиксированным, т.е. когда прокручиваешь страницу вниз от остается в видимой части экрана. А если просто изменить параметры sidebar-background, то блок передвигается вместе со страницей. Если изменить размер окна а потом опять развернуть все становится нормальным. Так же исправляет ситуацию изменение масштаба ("ctr" + "-", "ctr" + "0").