CODEWITHSUNDEEP
cssinternet-explorer
Hello Peachy
Hello Peachy

Reputation: 1

Background image won't center in Internet Explorer

If anyone can help me with this problem, I would be super grateful.

I have the this site on a staging link. All is working great in Safari and Firefox. However in Internet Explorer (version 9 I believe), the background image appears to far to the right, i.e. not in the center.

image of misbehaving IE:

misbehaving IE

As each page has a different background image, code is as follows

body {background-color:#000; color:#FFF; margin:0px; padding:0px;height:100%;}

#home {background:url(../images/Background2.jpg) top center no-repeat;background-color:#000;}

For internet explorer v9 or less, I have included: 

#home {text-align:center;}

I have read through other posts but can't seem to find an answer. Thanks very much for your input!

Upvotes: 0

Views: 2426

Answers (1)

Dan Ovidiu Boncut
Dan Ovidiu Boncut

Reputation: 3165

Probabbly the implicit position of background in IE si to left and in Chrome for center. Try using background-position:center center.

Upvotes: 1

Related Questions