Фон обрезается;страница шире, чем ожидалось

Question

Уважаемые переполненные накопители,

Моя страница оказывается настоящей болью позади.Я столкнулся с этой проблемой:

фон имеет ширину всего лишь окна просмотра

, и я попытался исправить его, наложив минимальную ширину на тело.Это работает просто отлично;все отображается правильно, но только если моя минимальная ширина имеет достаточно высокое значение, чтобы охватить мой div #navwrapper (это фон с зеленым фоном векторной графики).

При таком высоком значении (1265 пикселей) многиепользователям будет предоставлена ​​горизонтальная полоса прокрутки, которая мне не нужна.У меня есть очень широкое изображение горизонта в нижнем колонтитуле (3000 пикселей), и оно не вызывает полосу прокрутки, поэтому мне интересно, почему мой navwrapper делает.В идеале я хочу, чтобы страница имела минимальную ширину 960 пикселей, поэтому навигатор останется центрированным, а края будут обрезаны, если края выходят за пределы области просмотра.

Ранняя версия моей страницы находится здесь: http://jezenthomas.co.uk/poison2/

Надеюсь, кто-нибудь сможет это понять!

Answer 1

Содержимое вашего navwrapper.Ваш горизонт - это просто фоновое изображение.Браузеры обрабатывают контент с приоритетом и позволяют фонам просто выходить за пределы области просмотра.Если вы хотите запретить полосы прокрутки, вы можете добавить

body {
   overflow-x:hidden;
}

, чтобы скрыть все горизонтальные полосы прокрутки.