반응형 상단부분을 스크롤여부에 관계없이 상단고정,중앙정렬시켜려고 하는데요
본문
------------------head.php----------------------
<div id="hd_wr">
<div class="navigation">메뉴</div>
</div>
------------------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만으로 코딩이 안되는건가요...ㅠ
답변을 작성하시기 전에 로그인 해주세요.