css - 配置された「固定」div は中央に配置されます。配置された「相対」div は中央に配置されます。どちらも少しずれているように見えます

Question

外観は次のとおりです。

http://i.imgur.com/H0Oqz4Q.png

CSSは次のとおりです。

#header{
background:url('header.png');
border-radius:15px;
box-shadow: 0px 0px 10px 9px rgba(4, 4, 4, 0.75);
-moz-box-shadow: 0px 0px 10px 9px rgba(4, 4, 4, 0.75);
-webkit-box-shadow: 0px 0px 10px 9px rgba(4, 4, 4, 0.75);
height:145px;
width:855px;
margin:0 auto;
z-index:1;
position:fixed;
left:0;
right:0;
top:-10px;
max-height:145px;
max-width:855px;
}

#centered_background{
background-color:#F2F2F2;
width:845px;
height:1000px;
margin: 0 auto;
position:relative;
top:-15px;
border-radius:20px;
border:4px solid #2E2E2E;
left:0;
right:0;
}

ヘッダーの「固定」の側面と関係があると思います。しかし、正確にはわかりません。

ありがとう！

Answer 1

動作させるには、ラッパーの幅を定義する必要がありますmargin:auto。

html, body { width:100%; }