повторение фона останавливается при масштабировании

Question

Я установил фон моего нижнего колонтитула на background-repeat: repeat-x, но по какой-то причине при увеличении фон перестает повторяться ... Синяя полоса, которую вы видите, должна повторять всю ширину окна в соответствии с CSS правила (и он делает, за исключением, когда я начинаю увеличивать масштаб)

Это нормально? Если да, как я могу предотвратить или пройти мимо этого. Если нет, в чем может быть причина?

EDIT: Я только что понял, если вы установите ширину тела, например, 1000px или 5000px нижний колонтитул начинает расширяться, но когда я уменьшаю его до нормального размера, сайт становится очень большим ... И width: 100% тоже не сработало.

Answer 1

Дайте ширине нижнего колонтитула 100%, а затем задайте минимальную ширину, равную ширине вашего контента.Так, если ваш контент имеет фиксированную ширину 960 пикселей, например, ваш CSS будет:

#content { width: 960px; }
#footer { width: 100%; min-width: 960px; }