Почему моя страница переполнена справа?

Question

Я использую вариант жидкостного макета Святого Грааля от Мэтью Джеймса Тейлора. Это прекрасно сработало, когда моим доктрином был XHTML. Однако когда я перешел на HTML5, он начал переполняться вправо. Видимая область по-прежнему отображается нормально, но браузер показывает горизонтальную полосу прокрутки, когда этого не должно быть, и в правой части страницы есть лишние пробелы.

Мой веб-сайт находится здесь: Фермерский рынок Western Wake | Ссылка на CSS

Есть какие-нибудь идеи относительно того, как я могу это исправить?

Answer 1

Ваш стиль #header ul определяет ширину 100% и 22 ems отступа слева.

Заполнение применяется в дополнение к ширине содержимого, поэтому вы на ul 22 мм больше ширины страницы, и оно должно прокручиваться.

Answer 2

Почему это произошло - я понятия не имею, и я не собираюсь смотреть на это, если вы не попросите меня.

ul внутри #header слишком широкий, благодаря комбинации width: 100% и (как ранее говорил @zerocrates) отступ.

Как это исправить:

• Удалить width: 100% из ul внутри #header.
• Если это что-то сломает, другой способ исправить это добавить overflow: hidden к #header.