揃え垂直および水平位置を合わせ

Question

私はボックスVXHセンターを揃えるしようとしていますが、私はそれを少しだけ降りているように思わ：

HTML：

<div id="wrapper"> 
     <header> 
      <div id="logoWrapper"> 
       <div class="logo">Logo Here </div><!-- Logo End --> 
      </div><!-- Logo Wrapper --> 
    </header> 
</div><!-- Wrapper End --> 

CSS：

を

![#wrapper{ 
    width:955px; 
    margin:auto; 
} 

html body{ 
    background:#F1FF29; 
} 

#logoWrapper{ 
    width:429px; 
    height:179px; 
    position:absolute; 
    left:50%; 
    top:50%; 
    margin-left:-100px; 
    margin-top:-50px; 
} 
.logo{ 
    display:block; 
    background:red; 
    width:429px; 
    height:179px; 
}] 

画像：http://i.stack.imgur.com/rZ2ng.png

Answer 1

これらの値に#logoWrapperのためにあなたの余白を変更します。

margin-left:-215px; 
margin-top:-85px; 

彼らはあなたのロゴの半分の幅と高さにする必要があります。

jsfiddle

EDIT：

html, body{ 
    background:#F1FF29; 
    width: 100%; 
    height: 100%; 
    margin: 0; 
    padding: 0; 
}