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
(attachment)

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.

Hi,

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

e.g.


html,body{min-width:1280px}

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.


html,body{min-width:1016px}
#outer_wrapper {
    margin: 0 auto;
    width: 1016px;
}
#content {margin: 0 0 5px;}