L'image de fond est perdue lors du défilement avec le redimensionnement de la fenêtre du navigateur. Besoin d'aide pour corriger

Question

J'ai un problème étrange. L'image d'arrière-plan (bandes noires) dans le conteneur principal se décompose lorsque la fenêtre du navigateur est redimensionnée plus petit et que l'utilisateur/le visualiseur défile vers le haut et vers le bas (dans Safari). Les rayures s'arrêtent à 100%.

#mother {width: 100%; min-height: 100%;height: auto !important; height: 100%; margin: 0 auto; background: url('/img/bg.png') repeat-y center;} 

link text

Answer 1

Je ne suis pas au courant d'une façon de changer directement ce comportement moi-même. Firefox est le même, je pense, au moins horizontalement. Est-ce que cela fait une différence si vous appliquez l'image d'arrière-plan à un élément qui contient #mother? Selon votre page, vous pourriez peut-être l'appliquer au corps.

Answer 2

La manière de changer cela horizontalement est de définir une déclaration de largeur minimale sur le div. Mid-width 100% ne fonctionne pas, vous avez besoin d'une valeur de pixel.

Je ne semble pas capable de dupliquer verticalement votre problème dans Safari (ou tout autre navigateur) - les bandes n'atteignent pas le bas de la page, même au premier chargement.

Answer 3

Tout Tricky :)

body { display: table; width:100%}