Как исправить баг с версткой?

Question

[Виталий Мельничук]

Добрый день! Есть проблема на сайте sanmarino.kz когда менять размер окна,то правый блок съезжает под контент, слетает адаптивность. Как исправить?
Под планшеты,мобилки все ок. но когда менять размер окна все едет. prntscr.com/8jxoxg

Answer 1

[Grigruss]

div.content-block у вас фиксированной ширины. При изменении (уменшении) размера окна, правый див не влезает в ширину окна, поэтому убегает вниз.
Либо используйте древний способ - таблица вместо вёрстки дивами, либо с помощью JS контролируйте ширину div.content-block так, чтобы правый блок вписывался в ширину.
Есть ещё вариант, возможно подойдет:

.content-block{
    max-width:700px;
    min-width:200px;
    width:100%; /* возможно эта строка лишняя */
}

Answer 2

[Виталий Волович]

прописать для ширины экрана менее950px: (Media Queries)

.right-block .sidebar-head{
position: relative;
left: -100px;
height: auto;
}

если правый блок должен быть рядом со средним (content-block) тогда так:

.content-block { width:65% }

.right-block .sidebar-head{
position: relative;
height: auto;
left: -60px;
}