반응형 상단부분을 스크롤여부에 관계없이 상단고정,중앙정렬시켜려고 하는데요 채택완료

------------------head.php----------------------

​

------------------mobile.css----------------------

/* 상단 레이아웃 */ #hd {width:100%;background:#fff;position:relative; -webkit-box-shadow: 0 2px 3px rgba(83, 83, 93, 0.28); -moz-box-shadow: 0 2px 3px rgba(83, 83, 93, 0.28); box-shadow: 0 2px 3px rgba(83, 83, 93, 0.28); } #hd #hd_wr{max-width:840px;margin:0 auto;width:100%;position:relative;} #hd:after {display:block;visibility:hidden;clear:both;content:""}

​

​

민트테마 반응형 상단부분을 스크롤여부에 관계없이 고정시켜려고 하는데요

#hd #hd_wr에 position:fiexed;를 주면 상단고정은 되는데 브라우저100%로 보면, 왼쪽으로 붙어서 나오네요..

CSS부분을 어떻게 손을 봐야..

브라우저에서 가운데정렬되면서, 스크롤여부와 관계없이 상단에 고정될까요.

jquery를 사용않하고 css만으로 코딩이 안되는건가요...ㅠ