缩放时背景重复停止

Question

I've set the background of my footer to background-repeat: repeat-x but for some reason when I zoom in, the background stops repeating... The blue bar you see should be repeating the whole width of the window according to the CSS rules (and he does, execpt when I start zooming in)

Is this normal? If yes, how can I prevent or pass by this. If not, what could be the cause?

EDIT: I just figured out if you set the width of the body to eg 1,000px or 5,000px the footer starts expanding, but when I zoom out to the normal size, the site is extremely large... And width: 100% didn't work out either.

Answer 1

Give the footer a width of 100% and then give it a min-width equal to the width of your content. So if your content has a fixed width of 960px for example, your css would be:

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