фоновое изображение помещается прямо на узкие страницы

У меня есть background-image, используемый для отделения нижнего колонтитула страницы от основного контента. Он отображается нормально при просмотре в окне браузера, шире поддерживаемого min-width размера страницы. Однако, если размер окна уменьшается, изображение смещается вправо относительно основного тела.

Как это отображается в широких окнах браузера:

Хорошо

Как это отображается в узких окнах браузера:

Плохо

Могу ли я настроить основное содержимое так, чтобы оно не смещалось вправо к левой стороне окна, а сохраняло отступ в 30 пикселей при просмотре в узком окне браузера?

Страница доступна здесь, если CSS будет полезен.


person Rezzie    schedule 09.09.2010    source источник
comment
Вопросы о веб-дизайне или верстке здесь не по теме, и их следует задавать на Doctype. См. часто задаваемые вопросы по адресу stackoverflow.com/faq.   -  person T.E.D.    schedule 09.09.2010
comment
@TED ​​Технические проблемы с CSS и HTML должны быть разрешены - на самом деле это не проблема дизайна - он просит техническое решение технической проблемы.   -  person Yi Jiang    schedule 09.09.2010
comment
Основываясь как на вопросе, так и на принятом ответе, кажется, что он полностью посвящен веб-макету.   -  person T.E.D.    schedule 09.09.2010


Ответы (2)


Да, вы должны дать <body> min-width. У меня на вашем сайте работает чуть больше 1000, но точного значения у меня нет. Вероятно, точная ширина ленты.

-редактировать-

лента (1000px) + граница (2 * 1px) = 1002px, этого достаточно.

person Stephan Muller    schedule 09.09.2010

Проблема в том, что ваши #footerTop и #footer слишком велики и реагируют на сжатие окна. Чтобы обойти это, я бы вместо этого добавил фон в #footerContainer. Если вы выровняете его по центру, он всегда будет работать, так как #footerContainer не имеет фиксированной ширины.

Это также будет означать, что вы не получите горизонтальную полосу прокрутки, когда окно браузера будет изменено до ширины 999 пикселей. Все зависит от того, насколько маленьким вы хотите видеть окно.

person Stuart Burrows    schedule 09.09.2010