Body with a background image doesn't center in IE7

[Fil Pusset]

Hi all. First of all, sorry for my English and thank you in advance to any of you that can help. I'm developing a website for a non-profit organization (http://www.provecms.com/ajg/ still not finished). I'm basically modifying a version of the Twenty Ten Wordpress theme. My body tag has a background image (quite a big image, 1800-something pixels wide, a reflexion of the header) that should be centered with background:center; it works in all browsers, but in IE 7 it's moved to the right. It looks like in different resolutions it's moved more or less; what can I do? Thank you very much. Two screenshots at different resolutions: http://www.provecms.com/ajg/wrong_ie7.JPG and http://www.provecms.com/ajg/wrong_ie7_big.JPG

[RamananKalirajan]

can you post the css class for that div.

Thanks and Regards
Ramanan Kalirajan

[Fil Pusset]

Hi Ramanan, do you mean the css of the body tag? I used it to set a centered background image, not a div.
That would be

body {
background:url("http://bytes.com/images/basso.jpg") no-repeat scroll center 270px #6C9BE0;
width:100%;
font-size:82%;
line-height:18px;
}

Thank you

[Fil Pusset]

I found out that, apparently, IE7 didn't like my body tag to have a BG image (couldn't center it at all).
I created a wrapping div, gave it the very same CSS, and now it works. If somebody ever has the same problem, I hope he/she reads this thread :)

[Stephan Ivaylov]

Try with

text-align:center;

However it might ruin your text positionioning in all of the website so you'll have position it extra 4 every element.
You might want to add and an IF IE7 statement

[kidwon]

Hi Fil
Try with IE7 if statement and

text-align:center;

I've met a problem with centering image in ie7 and that help me
You might need to specify additionally the text alignment for the rest of the elements but if that solves the problem....
Also why don't you register thus you won't need moderation and approval after posting

[RamananKalirajan]

In the CSS,

background:url("http://bytes.com/images/basso.jpg") no-repeat scroll center 270px #6C9BE0;

can I know why you have given 270px, instead of that you can try with center.
Ex:

background:url("http://bytes.com/images/basso.jpg") no-repeat scroll center 270px #6C9BE0;

Specifying the pixel may change the alignment/orientation in different resolution.

Thanks and Regards
Ramanan Kalirajan