Заголовок не будет растягиваться до 100% при изменении размера области просмотра, но нижний колонтитул будет?

Question

Я работаю над небольшим сайтом и ищу ответ безрезультатно.

И мой верхний и нижний колонтитулы настроены на ширину: 100%, а также div-обертки вокруг них и тело.

Мой заголовок не растягивается до 100%, и это еще хуже, когда мне приходится прокручивать по горизонтали, но мой нижний колонтитул правильно заполняет ширину. Они оформлены почти одинаково - я не могу понять это.

Вот тестовый сайт:

http://www.maxsitedesign.com/joncollins

Любая помощь будет оценена. На данный момент я, вероятно, добавил посторонние стили в попытке исправить это.

Answer 1

Удаление следующего правила исправляет его.

.inside {
  padding: 10px;
}

style.css line 60

По сути, вы пытаетесь применить правило, которое должно применяться к основному тексту контента только к контейнерам шириной 100%. 100% относится только к фактической ширине элемента, а не к конечной ширине. Таким образом, ваши контейнеры были 100% + 20px (10px для каждой стороны).

EDIT:

Еще раз взглянул на сайт, и, похоже, проблема теперь в #spray и # bottom-wrapper. Вы должны удалить width:1300px из #spray и min-width:1300px из #bottom-wrapper. Эти размеры в пикселях конфликтуют с вашими% размерами.