victorch

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

7 posts in this topic

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

 

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

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

 

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

 

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

Share this post


Link to post
Share on other sites

в 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 and Shnapik like this

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

 

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

woolfon and workmaster95 like this

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.