My site is off centered about 40 px and I can't figure out why the test site is www.bjrtechnologies.com/inmanparkchurch there must be a padding or margin somewhere I can't find
I think in wrapper. Background div extends the same amount of space from the edge of the white area, but wrapper, while following the edge of the white on the right side, only goes as far as the User Login/left sidebar. So maybe some left margin on wrapper? I only took a quick look with Aardvark, didn't look at code.
The background image itself is off-centered. So that might be one of the reasons. Hopefully it's the only reason.
Nope. Here's your wrapper on a large wide screen: http://stommepoes.nl/screenlargewrapper.gif And here's your background (which is what is centering): http://stommepoes.nl/screenlargebackground.gif Here's 800x600px, wrapper highlighted: http://stommepoes.nl/800pxwrapper.gif Here's 1024px, background highlighted: http://stommepoes.nl/1024pxbackground.gif Can you see it? Your centering thingie is fine but your image doesn't quite follow it. Wrapper is not matching the full width of background and maybe needs to be centered within background?
would it be at all possible for you to repost these, i went on vacation somehow my site reverted to the messed up off centered verson
Ah, ok. I deleted them after a while... so long as I can get to your site I can make new ones. Tomorrow : ) However, you can get the same effect by downloading the Aardvark extention at addons.mozilla.org for FireFox. It will show you where your boxes are, which is all my screenshots were, just Aardvark images.
OK here they are: Wide screen: http://stommepoes.nl/Tests/widebackground.gif shows the box called "background" http://stommepoes.nl/Tests/widewrapper.gif shows the wrapper http://stommepoes.nl/Tests/widecontainer.gif shows the container At 600x800: http://stommepoes.nl/Tests/800x600background.gif shows the left edge of the background http://stommepoes.nl/Tests/800x600wrapper.gif shows the left edge of the wrapper