어찌저찌 사이트 디쟌하고 기능 좀 넣고 수정하고 상세페이지 디쟌까지 날림으로
다 해놓고보니 pc버젼일때 로고 위치와 로그인 버튼등의 위치가 좌우 화면으로
너무 바짝 붙어서 요고요고 container 레이아웃크기에 맞게 안쪽으로 배치하고 싶은데요.
반응형은 첫경험(부끄럽네요 ㄷㄷㄷ)이라 어떻게 손을 대야 할지 모르겠네요 ^^;
힌트를 살포시 주시면 가열차게 실험해서 적용하겠습니다.
로고 상태는 링크 확인부탁드립니다. 굽신굽신
상단 레이아웃을 포함한 로고 위치 css 내용입니다.
Copy
/* 상단 레이아웃*/#hd {position:relative;margin:0 0 ;padding:0 0;text-align:center;}#hd h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}#hd_wr{position:fixed;top:0;left:0;z-index:9999;background:#000;height:90px;width:100%} #logo{position:absolute;top:10px;left:0;margin-left:10px;line-height:67px}답변 2개 / 댓글 7개
채택된 답변
+20 포인트
#container 해당 css에는 넓이가 없네요! 이 컨테이너는 padding값을 없애주고 모바일에서 꽉찬 화면을 제공합니다!
.idx_recommend 해당 클래스가 컨테이너 역활을 하고 있네요
head영역
<div id="hd_wr">
<div class='idx_recommend'>
아이콘메뉴
로고
중앙메뉴
</div>
</div>
감싸줘요~
답변에 대한 댓글 5개
로고를 감싸고 있는 div 가로 크기를 container와 같게 해주세요.
답변에 대한 댓글 2개
답변을 작성하려면 로그인이 필요합니다.