자주 검색하기도 하고, 여러가지 방법이 있긴한데 개인적으로 생각했을 때 가장 무난하고 가장 호환성이 높은 방법을 메모해 놓으려고 한다.
방법은 #contents라는 div를 세로로 중앙 정렬하고 싶을 때 #contents를 감싸는 #contentsWrap이라는 div를 하나 만든다 .
#contentsWrap{
height: 400px;
width: 100%;
position: absolute;
top:50%;
margin-top: -200px;
}
#contents{
position: relative;
margin: auto;
background-color: #eee;
width: 800px;
height: 400px;
}
나름 잘되는 것 같다.