CSS - débordement de contenu image d'arrière-plan

-1

J'ai une image d'arrière-plan au centre sur mon étiquette de corps. Lorsque mon site est agrandi, tout semble trouver, mais comme un début de réduire la fenêtre de mon navigateur et une barre de défilement apparaît en bas, lorsque je fais défiler le contenu déborde l'image d'arrière-plan. J'ai essayé de tout faire pour garder l'image centrée, peu importe quoi, mais cela ne semble pas fonctionner. Quelqu'un a quelquonque idée? Mon CSS pour l'image de fond est la suivante:CSS - débordement de contenu image d'arrière-plan

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

J'ai un exemple site en haut à http://www.theprizeshark.com afin que vous puissiez voir ce qu'il fait. Simplifiez la fenêtre du navigateur, puis faites défiler vers la droite et vous verrez que le contenu déborde. Merci pour toute aide!

Source

2010-07-17 TwinPeaksMall

Et maintenant 1/vous avez effacé le contenu de votre [question précédente] (http://stackoverflow.com/questions/3271911/background-image-always-centered) 2/sans lien ici .. – FelipeAls

Maintenant, juste "bientôt" la page que vous avez appelée "exemple live site". –

On dirait que l'ajout de background-attachment: fixed à l'étiquette du corps a résolu le problème. Puisque vous utilisez le raccourci, vous pouvez simplement ajouter fixed dans votre déclaration background.

Source

2010-07-17 16:03:09 derekerdmann

Faites un emballage pour votre wrapper et mettez votre arrière-plan.

<div style="[bg image width]; margin:auto; background:url([bg image url]) repeat-y;"> 
    <div id="wrapper"> 
    </div> 
</div>

Source

2010-07-17 16:15:38

CSS - débordement de contenu image d'arrière-plan

Répondre

Questions connexes