Home/ Questions/Q 1038529
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T14:59:11+00:00

So I have a website. I have set a larger image as a background:

  • 0

So I have a website. I have set a larger image as a background:

html, body {
    height: 100%;
}
body {    
    color: #000;
    font: 100.1% sans-serif;
    background: #033361 url('/images/background2.jpg') center top no-repeat;
}

It works great in Firefox and IE8 but in IE7 the background is moved to the right and there is a horizontal scrollbar.

Can anyone explain this odd behaviour to me and suggest a solution?

My doctype:

   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

UPDATE:

It seems the problem is caused by my wrapper div:

#wrapper {
    width: 1002px;
    margin: 0 auto;
    font-size: .8em;
}

If I comment out the margin, the body background is centered correctly.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    html, body{
   margin:0;padding:0;
}

    Try that

    • 0