묻고답하기
상단 head 를 본문 너비와 같이 조절해서 좌우를 잘라내는 것은 어떻게 하나요?
2017.08.18 16:29
안녕하세요.
xe를 통해 제작의뢰한 홈페이지를 최종 테스트하는 단계입니다.
개발자분에게 의뢰해서 본문 너비 사이즈를 1280px 정도로 설정하고 중앙 정렬로 맞추었습니다.
다만 상단 head 부분의 가로 메인메뉴 줄은 (head middle 하고 head bottom 이죠) 본문 크기 상관 없이 좌우로 쭉 길게 나와 있습니다. (하단 footer도 마찬가지 이구요)
이부분을 본문 사이즈와 마찬가지로 좌우를 잘라 여백을 주고 싶은데, 혹시 방법에 대한 조언을 들을 수 있을지요?
답변 부탁드립니다.
댓글 4
-
사르나트
2017.08.18 17:10
제가 초보 컴맹이라 ㅠㅠ
http://korindia.com/ <- 현재 제 웹페이지구요.
보시느 바와 같이 상단메뉴 중 좌우로 뻗어나온 부분을 잘라서 본문 너버와 동일하게 맞추고 싶습니다.
-
헤더 부분의 상하 라인만 줄이고 싶으시면
layouts/eond_korindia/assets/css/layout.css 에서 27라인에
#header .header-middle 이 부분에 {width: 1170px;margin: 0 auto;}을 추가하시고
전체를 좁게 중앙배치 하고 싶으시면
20라인
#eond_korindia {width: 1170px;margin: 0 auto;} 이걸 추가해 보세요.
그런데 제가 보기에는 지금 상태가 더 안정적으로 보일거 같은데...
-
사르나트
2017.08.18 22:42
와 정말 감사합니다. 말씀대로 해보니 그대로 적용되네요.
진짜로 좌우 양쪽을 모두 자를지는 좀두고보면서 생각해보려구요.ㅎ
어쨋든 정말 감사합니다.
이건 책꽃이 안보여주고 우리집 책 어떻게 꼽고 싶어요 어떻게 해야 할까요? 라는 질문과 비슷합니다.
링크가 있어야 보다 답변을 잘해 드릴 수 있고요.
아니면 전체를 감싸는 div에 max-width:1280px; margin:0 auto 처리해 보세요.