묻고답하기
헤더의 높이를 줄이려면 어떻게 (어디가서) 해야 되나요?
2010.05.16 08:04
layout 에서 header 부분의 높이를 다 줄여서 search 바튼만큼만 남기려하는데 header 높이를 어떻게 줄일 수 있나요?
댓글 4
-
앙띠2
2010.05.16 08:45
-
이용국 프로덕션
2010.05.16 12:44
저도 초보라 정확히는 모르겠지만, 제가 이리저리 독학해본 결과
우선 css 파일을 수정하셔야 합니다.
살펴보시다보면 프레임 웍 수정하지 말라고 한 부분 지나서,
#header{ height:5px; padding:0; margin:0 0 30px 0; background:url no-repeat 20% 0;} 이런식으로 쓰여져 있는 곳 있을 거예요
거기에서 height의 픽셀 높이를 줄이시면 될 겁니다.^^
xe하면서 누군가에게 처음으로 답변을 드린 것 같네요. 홈페이지 만드는 것 참 재미있는 것 같습니다.^^
-
백흥렬
2010.05.16 13:23
이용국 프로덕션님,
답 감사합니다.
그런데 답 하여 주신 instruction은 어느 파일의 css에서 온 건가요?
(제가 쓰고 있는 레이아웃은 엑스이엔지하고 같이 온 것을 쓰고 있습니다)
파일 경로를 가르쳐 주시면 감사하겠습니다.
-
앙띠2
2010.05.16 13:36
사용하시는 레이아웃이 XE Official 이라고 보고 답변드립니다.
레이아웃은 layouts / xe_official 폴더속에 있으며 이곳에 들어 가시면 layout.html 파일이 잇습니다.
이것을 열어보시면 22,23번줄에
<div id="bodyWrap">
<div id="header">
이렇게 되어 있는걸 보실수 잇습니다.이말은 헤더부분은 css 파일속에 header 로 정의 한것을 알수 잇습니다.layouts / xe_official / css 폴더를 들어 가시면 default.css 파일이 있고 이것을 열면 18번줄#header { position:relative; width:980px; height:120px; background:url(../images/default/bgHeader.jpg) no-repeat right top; margin-bottom:10px; z-index:99;}부분이 있습니다.여기서 height 부분을 조절하시면 됩니다.그러나 높이를 조절한다고 search버튼만 남는거 아닙니다.layout.html 파일에서 헤더 영역중 search부분만 남기고 소스를 지워야 합니다.이 설명은 xe_official 레이아웃인 경우입니다.다른 레이아웃은 이렇게 만들지 않앗을 가능성 99% 입니다. 하지만 이글이 참고로 하면 어느부분인지 찾으실수 있을거라 봅니다.
XE에서 레이아웃의 헤더는 이렇게 조절 한다... 라는 규칙이 없습니다.
레이아웃은 누구든 만들어서 사용하는 방식입니다.
따라서 헤더부분은 만든 사람마다 다르게 표현합니다.
즉, 무슨 레이아웃을 사용하는지 모르면 레이아웃 역시 조절 하는 방법을 알수 없습니다.