Плывут элементы верстки при масшабированиии

[IvanRu08]

Всем привет. Фиолетовый border сверху и серая полоска header-afterbg при увлечении масштаба (когда появляется полоса прокрутки) сдвигаются влево, хотя все остальные элементы остаются на своих местах. Возможно, все дело в float? Помогите, пожалуйста. http://a96362zl.bget.ru/index.html 

[Switch74]

задайте .top-header{ width: 960px;}

[IvanRu08]

4 часа назад, Switch74 сказал:

задайте .top-header{ width: 960px;}

не помогает

[Switch74]

почему же не помогает? Разве фиолетовая полоса не начинает тянуться как надо?

[IvanRu08]

51 минуту назад, Switch74 сказал:

почему же не помогает? Разве фиолетовая полоса не начинает тянуться как надо?

нет, верхняя плашка совсем прилипает влево и остается проблема с серым фоном внизу при масшабировании

[IvanRu08]

Никто не знает решения проблемы?

[Igor Schnaider]

Назначьте контейнеру min-width:

body {
    min-width: 960px;
}

 

[IvanRu08]

Не хочу создавать много похожих тем, поэтому следующий вопрос. Как правильно сделать сетку из статей, которые ниже слайдера? При изменении количества текста вся сетка расползается. Сделал все inline block, может float попробовать или дело не в этом? Уже всю голову сломал http://a96362zl.bget.ru/index.html.

Edited May 8, 2016 by IvanRu08

[Q4Dizzy]

можете float. а можно добавить vertical-align: top;