Проблема со 100% оберткой фонового изображения при прокрутке - PullRequest
Новая
       1

Проблема со 100% оберткой фонового изображения при прокрутке

3 голосов
/ 12 июня 2011

У меня есть http://www.mrfishermusic.com/

Вы заметите, что основной оберткой является 1042px (#main).Тогда у меня есть #container, окружающий то, что является шириной 100%.Я сделал это так, потому что фоновое изображение страницы огромно по ширине.

Проблема в том, что браузер имеет небольшие размеры по горизонтали ... скажем, как ... шириной 700 пикселей (или намного меньше, как наiPhone), когда вы прокручиваете вправо, верхний и нижний колонтитулы просто исчезают, хотя оболочка #main остается без изменений.

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

Спасибо!

Ответы [ 2 ]

5 голосов
/ 07 июня 2012

Установка min-width на <body> также может решить эту проблему.

5 голосов
/ 12 июня 2011

Размер контейнера в 100% относится к области просмотра и не обновляется при прокрутке / изменении размера.У вас есть несколько вариантов:

  • использовать javascript для обработки изменений размера области просмотра
  • установить минимальный размер контейнера заголовка в пикселях
  • вместо этого установить фон на тело (потому что этоне ограничен размером области просмотра): background-image: url(background.png); background-position: center top;
...