L'image d'arrière-plan est toujours centrée

Question

J'ai créé un site Web mais j'ai un problème en forçant l'image d'arrière-plan à toujours être au centre. Cela semble très bien lorsque le site est agrandi, mais lorsque je réduis la résolution de la fenêtre, l'arrière-plan est poussé vers la gauche et le contenu déborde vers la droite. Il serait résolu si je pouvais juste forcer l'image de fond à être centré tout le temps, peu importe la taille de la fenêtre. Mon CSS pour centrer l'image se présente comme suit

body { background: #EDEDED url(../images/bg-y.png) repeat-y scroll 50% 0; 
       font-size:12px; 
       font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; 
       color:#000000; } 

J'ai un exemple vivant que l'on peut voir à http://www.theprizeshark.com/

Pour obtenir l'erreur je parle de minimiser sur la fenêtre de sorte que vous devez faire défiler vers la droite et vous verrez que le contenu déborde l'image de fond. Merci.

Answer 1

Je pense que tout ce que vous devez faire est de changer le pourcentage 50% à center

Answer 2

W3Schools site est plein d'informations utiles.

http://www.w3schools.com/css/pr_background-position.asp

body{ 
    background: #EDEDED url(../images/bg-y.png) repeat-y scroll center top; 
    font-size:12px; 
    font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; 
    color:#000000; 
}