Проблемы с размером ДИВЫХ изображений

Question

Я надеюсь, что это помогает объяснить этот вопрос я, имеющий Я недавно разработал горизонтальный портфель прокрутки для клиента, права и неправды горизонтального веба-дизайна, является sligtly отдельной темы, но увы клиент хотел чего-то другого.

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

Не было бы такой огромной проблемой, но из-за природы горизонтального участка, создающего эффект диагональной прокрутки.

Есть ли место для предотвращения расширения экрана с фактического размера монитора с помощью css или любого другого решения? Я, вероятно, смотрю на ответ, когда я печатаю, но мозг, похоже, не работает, к сожалению.

Answer 1

Предполагая, что область содержимого является гибкой по высоте, а фон div является фиксированной высотой, тогда это должно решить ее (предотвращает, когда область содержимого будет больше, чем высота браузера). Для целей здесь я буду считать вас есть какой-то способ ориентации этих Div лет:

html {height: 100%;} 
body {height: 100%; position: relative;}  
#content {position: absolute; top: 0; bottom: (whatever the height is of your bottomBkg);} 
#bottomBkg {position: absolute; bottom: 0; left: 0;} 

Комбинированный верх/низ на #content не будет работать в старых браузерах, если это является проблемой для вас.

Answer 2

Вы можете использовать CSS3:

HTML {переполнение-у: скрытый;}

Это предотвратит вертикальную прокрутку