kjtocool Posted May 26, 2008 Share Posted May 26, 2008 I have a huge background image, and the site is centered over it. Whenever the site scrolls, the stupid BG starts to scroll down from the top, but all I want it to do is stay fixed vertically. How can I do this? Currently I use the following style: body { background-position: center; background-color: #000000; background-image: url(images/bg.jpg); background-repeat: no-repeat; margin-top: 200px; } Quote Link to comment Share on other sites More sharing options...
AndyB Posted May 26, 2008 Share Posted May 26, 2008 remove the background-position declaration Quote Link to comment Share on other sites More sharing options...
kjtocool Posted May 26, 2008 Author Share Posted May 26, 2008 Problem is, the site is centered, so that leaves the image aligned to the left, and the site aligned to the center. Any way to get it to stop scrolling while being centered aligned horizontally? Quote Link to comment Share on other sites More sharing options...
AndyB Posted May 26, 2008 Share Posted May 26, 2008 http://www.w3schools.com/css/pr_background-position.asp background-position: top center; Quote Link to comment Share on other sites More sharing options...
kjtocool Posted May 26, 2008 Author Share Posted May 26, 2008 Thanks for your help Andy, that seems to do the trick. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.