Not scale?

my website is ok

but if I decrease the browser window, it goes off center, why is this and how do I fix it

A quick fix:

body {
    background: url("../images/bg.jpg") no-repeat scroll left top #E8E2D4;
    margin: 0;

It should work fine for a long time, since you have 1280px width set.

Or you could set the background image to the outer div:

#outer_wrapper {
    background: url("../images/bg.jpg") no-repeat scroll center top #E8E2D4;
    margin: 0 auto;
    width: 1280px;

You could also use a CSS reset.


No need to move the image just set a min-width on html and body equal to the size of the image.



However I don’t know why you have set your outer wrapper so wide when your page is only 1016px wide. I would do something like this instead.

#outer_wrapper {
    margin: 0 auto;
    width: 1016px;
#content {margin: 0 0 5px;}