При position: absolute; хедер уходит в ширь, вылазя за картинку?

Question

[Максим Иванов]

Первая ссылка - Тут всё работает правильно. Единственное, что нужно так это поставить для header {position: absolute; widht: 100%;}, что я и сделал по ссылке ниже. Но когда я добавляю эти параметры к header, то появляется горизонтальный скрол (возможно из-за того, что меню вылазит) и меню вылазит за картинку. Я так понимаю нужно решить проблему с меню, чтобы оно не вылазило и скрола горизонтального не будет. Сама картинка адаптивная!!! Дело в меню!!!

Вторая ссылка - По этой ссылке код с проблемным меню из-за которого (скорее всего из-за него) появляется горизонтальный скрол. Добавил для header {position: absolute; widht: 100%;} Сама картинка адаптивная!!! Дело в меню!!!

Comments

[Froggyweb]

замени margin на padding и добавь box-sizing: border-box

[Максим Иванов]

Froggyweb, спасибо братик