Как я могу остановить изменение размера фона CSS, чтобы соответствовать окну браузера?

Question

При использовании css-фона, такого как нижний колонтитул на странице ниже (в элементах div.footer_head и div.footer_footer), если размер окна браузера изменяется до менее чем 1000px, сами div остаются на полную Ширина, но прокрутка вправо в браузере приводит к появлению пробелов там, где должен быть фон.

Я был уверен, что найду подобный вопрос здесь, но, похоже, не могу правильно сформулировать его, чтобы найти в поиске.

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

Посмотрите, как ведут себя div'ы с классами footer_head и footer_footer, когда вы изменяете размер браузера, чтобы стать достаточно тонким, и прокрутите вправо.

снимок экрана http://printanomics.unbranded -nomads.co.uk / picture-2.jpg

Answer 1

Вам нужно добавить min-width:1000px к .footer-container.

.footer-container {
    float: left;
    line-height: 1.5;
    margin-top: 20px;
    width: 100%;
    min-width: 1000px; /* add this */
}

Это будет означать, что наименьшее значение width, которое получит .footer-container, равно 1000px.Хотя после этого он расширится до 100%.

Answer 2

Если вы посмотрите на свой CSS-файл, то увидите, что ширина нижнего колонтитула установлена ​​на 100%, а не на 1000 пикселей, как у других div-ов. Это также относится к вашему фону, так как ваш фон не будет больше, чем сам div.

Не знаю, используете ли вы это, но Firebug - очень хороший плагин Firefox для выявления проблем в файлах CSS.