(first post) Hey guys, so i’m no pro at CSS – still learning off templates but working on a website and I just recently saw when i zoom in and out that everything floats correctly except my actually background image. I’m seriously stumped on how I should fix this because of my inexperience (i’ve looks on w3schools and searched around a bit on the forums)
here is the problem child (aka: website) http://www.view4coins.com – I’ll keep trying options on fixing it but I hope someone is just like “hey stupid, it’s [this]“
The background isn’t actually working from the get-go. You are trying to position it with pixels, which means that it’s not going to be centered on any monitor that isn’t using a resolution that you are. Do this instead:
background-position: center 120px;
Also, IE is not going to like you using the multiple backgrounds thing. Since you don’t have anything on the HTML element, I’d put your dark layer on that instead.
i tried using your suggestions, but still, its not working.
i used a image to be used on my background, but when i zoom it out, the image repeats itself even though i declare no repeat and fixed on my .css