Как сделать, чтобы не разъезжались блоки при изменении масштаба?

Question

[EvgenyCherny]

Вопрос такой.
Делаю сайт и при изменении масштаба все разъезжается в разные места.
Как сделать чтобы они сохраняли свое место, как на этом сайте
Буду очень благодарен за помощь

Comments

[MrColdCoffee]

на этом сайте js-ом подгоняется походу.
а так, фиксированную ширину (максимальную ширину) задать для контента
или предусмотреть варианты
хотелось бы конечно хотя бы скрины разъехавшегося контента посмотреть...

[Вадим]

А нам Вы как предлагаете узнать в чём у Вас проблема?
Пока что можно дать только один ответ на вопрос

Как сделать

руками, с помощью html и css.
Ну можно ещё добавить "без position: absolute"

Сейчас Ваш вопрос выглядит так: у меня там где-то что-то, помогите разобраться.

[EvgenyCherny]

MrColdCoffee, вот так происходит

Answer 1

[vlog]

EvgenyCherny, это происходит из-за абсолютного позиционирования элементов. Хотелось бы, конечно, код видеть, а не гадать, что у вас там...

А вообще, вам нужно поместить слой над картинкой в контейнер (блок с заданными в относительных единицах полями и центрированием по центру) с height: 100%; и я бы сделал flex-разметку, внутри нее поместил бы меню и ваш контент.

Значения position: relative; и height: 100vh; должен иметь один блок, в котором лежит вся шапка.
Блоки внутри него (с картинкой и содержимым) должны иметь position:absolute; и height: 100%.
Блок с контентом должен быть размечен, я бы сделал flex.