내용추가 : xe의 공식 레이아웃의 css파일은 bodyWrap의 패딩을 여분을 둔 상태고, 저는 그곳에 설치를 하려던 것인데, 그 방법을 포기하고, 패딩을 0으로 만든후 Header에 설치하는 방법으로 해결했습니다. 나중에 읽으시는 분들 참고하시라고 내용 추가했습니다.


top이 원래 위아래로 두께가 약 15픽셀 정도밖에 안되는 공간인데
거기에 가로 로그인을 넣으면 이상하게 너무 넓어집니다.
(여기서 가로 로그인은 위젯이 아니고 Teagg님의 레이아웃과 css에 있는 것을 넣어본 것)

현재 넓어져있는 모양새를 확인하시려면 ---> http://www.hantoron.com 

참고로 레이아웃파일과 css파일 첨부하겠습니다.

첨부파일을 열어보시기 귀찮으실테니 여기에 해당 부분을 옮겨적어보겠습니다.

layout.htlm중 해당부분은 다음과 같습니다.


<div id="top">

                  <!-- 로그인 정보 -->
  <div id="log_gnb">
            <ul>
            <!--@if($logged_info)-->
   <li><a href="{getUrl('act','dispMemberLogout')}">로그아웃</a></li>
            <li><a href="{getUrl('act','dispMemberInfo')}">마이페이지</a></li>
   <!--@else-->
   <li><a href="{getUrl('act','dispMemberLoginForm')}">로그인</a></li>
   <!--@end-->
   <!--@if(!$logged_info)-->
   <li><a href="{getUrl('act','dispMemberSignUpForm')}">회원가입</a></li>
   <!--@end-->
   <!-- 관리자이면 출력 -->
   <!--@if($grant->is_admin)-->
   <li><a href="./admin" onclick="window.open(this.href);return false;">관리</a></li>
   <!--@end-->

            </ul>
          </div>
                 <!-- 로그인 정보 끝 -->

CSS중 해당부분은 다음과 같습니다.

/* Site Layout - Top Menu  */
#top {position:relative;padding:0px 0 0; background:#ffffff; /*margin-bottom:20px; z-index:1004;*/}
#log_gnb {margin:0; text-align:right;}
#log_gnb ul {padding:0px 15px 0px 0;}
#log_gnb li {display:inline; list-style:none; padding:0 1px 0 4px; white-space:nowrap;}
#log_gnb li strong {color:#555;}
#log_gnb li a {letter-spacing:-1px; text-decoration:none; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#666666/*회색*/;}
#log_gnb li a:hover {text-decoration:underline;}


이 top 부분을 위아래로 좁히려면 어떤 방법을 써야 할까요?