Как сделать резиновый хедер на всю ширину экрана?

Question

[r31rus]

Извиняюсь за банальность. При увеличении экрана (масштаб браузера 300%) хедер смещается влево и не на всю ширину. Как исправить?

Answer 1

[reifter]

Если вас правильно понял, тогда добавить в css тегу body

max-width: 1204px;
margin: 0 auto;

тогда получится так:



Обновление, допишите блоку header min-width: 1204px;

.header { min-width: 1204px; }

и чтобы черного фона не было на плашке

.header::after { min-width: 1204px; }

Comments

[r31rus]

Нет нет. Просто при увеличении экрана нужно что-бы хеадер расятягивался 100%

[reifter]

Некорректно вопрос задается, он и так растягивается на 100%

[r31rus]

Все корректно. Увеличьте свой экран браузера на 500%

[reifter]

Вам уже писали, покажите то, что вам нужно. Я лично не понимаю вашего вопроса и то что вы хотите, и походу не я один такой :)

[r31rus]

reifter: При увеличении экрана хедер смещается влево и не на всю ширину. Увеличьте свой экран браузера на 500% и посмотрите на хедер. Он уезжает влево. А должен быть резиновым! На 100%:)

[reifter]

у вас проблема с менюшкой, не влазят все пункты

[r31rus]

reifter: Удалите менюшку через браузер. Проблема та же

[reifter]

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

[r31rus]

reifter: Менюшка тут вообще не причем! Она абсолютная и не мешает хедеру никак. Сам хедер не правильно реализован. Поэтому я здесь

[r31rus]

Вопрос решен! Спасибо.

[r31rus]

reifter: Да все окей! Спасибо