> On Sat, 5 Jan 2008 12:13:25 +1100, Joanne wrote:
>> http://server.npserver1.com/~netper/thebankhotel/
>>
>> In Firefox & Safari this looks correct. In IE6 & 7, the #main div isn't
>> lining up
>> with the background wallpaper that's centered on the entire page and I'm not
>> sure why.
>>
>> There's a small gap to the right of the banner and you'll notice that
>> underneath the
>> word footer (which is the end of the #main div and just blank space) the
>> #main div &
>> the wallpaper don't line up.
>>
>> Can anyone shed some light?
>>
On Sat, 5 Jan 2008 10:36:14 -0800, I replied (in part):
>
> The centering of the #main DIV and the centering of the background
> image do not match up in IE. If you slowly widen or narrow the window, you
> will find
> that the content shifts alternately left and right by one pixel WRT the
> background.
>
> I'm afraid I don't have a solution for this.
>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
I believe I have it sussed.
1. Add a #wrapper just inside the BODY element
2. Add this rule to your CSS -
#wrapper {
width: 900px;
margin: 0 auto;
background: #aea9b0 url(wallpaper.gif) repeat-y center;
}
3. Change the "margin" value of #main to -
margin: 0 75px;
4. Take out the background-image declarations from BODY
This works for me on a local copy.
Cordially,
David
--
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
