Почему на большом мониторе или при уменьшении масштаба блок контента смещается влево, хотя должен оставаться по центру?

Question

[GreenMan1899]

ссылка

Answer 1

[Андрей Б.]

Вот почему - скрин

Comments

[GreenMan1899]

спасибо, помогло
это исправил
но на 30% масштабе экрана все равно смещается
мелочи, но все равно лучше и это поправить

[GreenMan1899]

скинул фотку

[Андрей Б.]

Вы часто уменьшаете масштаб аж до 30% ? Я признаться не встречал таких людей. Масштаб стоит учитывать не более 3х шагов в обе стороны, больше уже избыточно.
А по существу, верстка говно. Съезжает из-за oveflow у wrapper. Переверстывать нужно каркас.

[GreenMan1899]

верстал не я, я только косяки доправляю =/

Answer 2

[whoisthere]

Убери в #wrapper
overflow: hidden;

Comments

[GreenMan1899]

тогда центральная колонка вниз смещается

[whoisthere]

GreenMan1899: переверстай нормально, то, что там сейчас это ад

[whoisthere]

Зачем вообще для колонок использовать overflow: hidden, они должны быть в общем блоке идти друг за другом. А общий блок margin: 0 auto

[whoisthere]

https://jsfiddle.net/borupw3k/5/

[GreenMan1899]

верстал не я, я только косяки доправляю =/

[whoisthere]

GreenMan1899: Сочувствую ;)

Answer 3

[Антон Кирпач]

И еще допиши в стилях

#search form {
    position: relative;
}
#search .search-submit {
    top: 7px;
    position: absolute;
}

это чтоб кнопка поиска не улетала.

Comments

[GreenMan1899]

спасибо, это сам поправил уже