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

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

0 голосов
/ 09 сентября 2010

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

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

Good

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

Bad

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

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

Ответы [ 2 ]

1 голос
/ 09 сентября 2010

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

-edit-

лента (1000px) + рамка (2 * 1px) = 1002px, что должно сделать это.

0 голосов
/ 09 сентября 2010

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

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

...