왼쪽 사이드 질문드려요~ 정보
왼쪽 사이드 질문드려요~본문
토리아 네이버se의 사이드바를 활용하려고 하는데...
위의 스샷의 화살표 부분으로 왼쪽 사이드에 붙이려는데..
해드 부분에 달라붙어 떨어질 생각을 안하네요 ㅠ.ㅠ
고수님들 도움좀 부탁드려요...
제 헤드 head.php..
--- 상단부분 생략 --
<style type="text/css">
body { background-image: url(../img/bg.png); background-repeat: repeat-x;}
#mw-index { width:980px; margin:10px auto 0 auto; text-align:left; }
#head { margin:0 0 10px 0; }
#head .logo { }
#head .groups { color:#ddd; font-size:10px; text-align:right; vertical-align:bottom; padding:0 5px 2px 0; }
#head .groups a { color:#555; font-weight:bold; margin:0 2px 0 2px; }
#head .line { background:url(<?=$g4[path]?>/img/mw_search_div.gif) top center no-repeat; height:3px; line-height:1px; font-size:1px; }
#head .shadow { background:url(<?=$g4[path]?>/img/mw_search_shadow.gif) top center repeat-x; }
#head .shadow { height:2px; line-height:1px; font-size:1px; width:<?=$mw[config][cf_index_width]-20?>px; margin:auto; }
#side-bg { background:url(<?=$g4[path]?>/img/side-bg.png) repeat-y; width:7px; }
#sidecontent { display:block; background-color:#f4f4f4; width:250px; height:100%; }
#sidecontent .title { margin:15px 0 0 10px; color:#575757; font-weight:bold; }
#sidecontent .latest { margin:5px 0 0 0; }
#sidecontent .menu-content { margin:5px 0 0 0; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; background-color:#EFEFEF; padding:5px; }
#sidecontent .menu-content a { letter-spacing:-1px; color:#484848; padding:0 5px 0 5px; }
#sidecontent .menu-content a:hover { text-decoration:underline; }
#sidecontent .menu-content .menuline { margin:5px 0 5px 0; }
</style>
<div id="mw-index">
<!-- 헤더 시작 -->
<div id="head">
<table border=0 cellpadding=0 cellspacing=0 style="margin:0 auto 0 auto;" align="center">
<tr>
<td align="left" valign="top" id="sidecontent">
<!-- 회원 로그인 -->
<div class="title">회원로그인</div><div class="latest"><?=outlogin("se.login");?></div>
<!-- 회원로그인 끝 -->
<!-- 메인 메뉴 -->
<div class="title">메인</div>
<div class="menu-content">
<div class="menuline">
<a href="<?=BoardUrl("notice")?>">공지사항</a>
<a href="<?=BoardUrl("event")?>">이벤트</a>
<a href="<?=BoardUrl("update")?>">업데이트</a>
<a href="<?=$g4[path]?>/plugin/cybercash">코인충전</a>
</div>
<div class="menuline">
<a href="<?=BoardUrl("free_charge")?>">포인트무료충전</a>
</div>
</div>
<!-- 메인 메뉴 끝 -->
<!-- 토렌트 메뉴 -->
<div class="title">토렌트 자료실</div>
<div class="menu-content">
<div class="menuline">
<a href="<?=BoardUrl("movie")?>">영화</a>
<a href="<?=BoardUrl("drama")?>">드라마</a>
<a href="<?=BoardUrl("tvent")?>">동영상</a>
<a href="<?=BoardUrl("game")?>">게임</a>
</div>
<div class="menuline">
<a href="<?=BoardUrl("ani")?>">애니메이션</a>
<a href="<?=BoardUrl("utility")?>">유틸리티</a>
<a href="<?=BoardUrl("want")?>">자료요청</a>
</div>
</div>
<!-- 토렌트 메뉴 끝 -->
<!-- 커뮤니티 메뉴 -->
<div class="title">커뮤니티</div>
<div class="menu-content">
<div class="menuline">
<a href="<?=$g4[path]?>/plugin/attendance">출석체크</a>
<a href="<?=BoardUrl("free")?>">자유게시판</a>
<a href="<?=BoardUrl("greet")?>">가입인사</a>
<a href="<?=BoardUrl("gallery")?>">갤러리</a>
</div>
</div>
<!-- 커뮤니티 메뉴 끝 -->
<!-- 기타 메뉴 -->
<div class="title">기타</div>
<div class="menu-content">
<div class="menuline">
<a href="<?=$g4[path]?>/sms">무료문자보내기</a>
<a href="<?=BoardUrl("faq")?>">자주묻는질문</a>
<a href="<?=$g4[bbs_path]?>/new.php">최신글</a>
</div>
<div class="menuline">
<a href="<?=$g4[bbs_path]?>/current_connect.php">현재접속자</a>
<a href="<?=$g4[path]?>/plugin/application">포인트현금전환</a>
<a href="<?=$g4[path]?>/plugin/mw.banner.clicks">배너클릭스</a>
</div>
</div>
<!-- 기타 메뉴 끝 -->
</td>
<td width="7" id="side-bg"></td>
<td width="33" valign="center">
<a href="javascript:side_content();" onclick=""><img name="sidebtn" src="<?=$g4[path]?>/img/btn_side_close.png" border="0" align="absmiddle"></a>
</td>
<td class="logo"><!-- 사이트 로고 --><a href="<?=$g4[path]?>"><img src="<?=$g4[path]?>/img/logo.gif"></a></td>
</tr>
</table>
<div style="margin-top:10px"><? include_once($g4['path'].'/bunkerbuilder/menu1.php'); ?></div>
<script type="text/javascript">
$(document).ready(function () {
$(".mw-index-menu-item").mouseenter(function () {
$(".mw-drop-menu").hide();
gr_id = $(this).attr("gr_id");
t = $(this).offset().top;
l = $(this).offset().left;
$("#mw-drop-menu-"+gr_id).css("top", t+30);
$("#mw-drop-menu-"+gr_id).css("left", l);
$("#mw-drop-menu-"+gr_id).show();
});
$(".mw-index-menu-bar").mouseleave(function () {
$(".mw-drop-menu").hide();
});
});
</script>
</div><!-- head -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<td width="10"></td>
<td valign="top">
위의 스샷의 화살표 부분으로 왼쪽 사이드에 붙이려는데..
해드 부분에 달라붙어 떨어질 생각을 안하네요 ㅠ.ㅠ
고수님들 도움좀 부탁드려요...
제 헤드 head.php..
--- 상단부분 생략 --
<style type="text/css">
body { background-image: url(../img/bg.png); background-repeat: repeat-x;}
#mw-index { width:980px; margin:10px auto 0 auto; text-align:left; }
#head { margin:0 0 10px 0; }
#head .logo { }
#head .groups { color:#ddd; font-size:10px; text-align:right; vertical-align:bottom; padding:0 5px 2px 0; }
#head .groups a { color:#555; font-weight:bold; margin:0 2px 0 2px; }
#head .line { background:url(<?=$g4[path]?>/img/mw_search_div.gif) top center no-repeat; height:3px; line-height:1px; font-size:1px; }
#head .shadow { background:url(<?=$g4[path]?>/img/mw_search_shadow.gif) top center repeat-x; }
#head .shadow { height:2px; line-height:1px; font-size:1px; width:<?=$mw[config][cf_index_width]-20?>px; margin:auto; }
#side-bg { background:url(<?=$g4[path]?>/img/side-bg.png) repeat-y; width:7px; }
#sidecontent { display:block; background-color:#f4f4f4; width:250px; height:100%; }
#sidecontent .title { margin:15px 0 0 10px; color:#575757; font-weight:bold; }
#sidecontent .latest { margin:5px 0 0 0; }
#sidecontent .menu-content { margin:5px 0 0 0; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; background-color:#EFEFEF; padding:5px; }
#sidecontent .menu-content a { letter-spacing:-1px; color:#484848; padding:0 5px 0 5px; }
#sidecontent .menu-content a:hover { text-decoration:underline; }
#sidecontent .menu-content .menuline { margin:5px 0 5px 0; }
</style>
<div id="mw-index">
<!-- 헤더 시작 -->
<div id="head">
<table border=0 cellpadding=0 cellspacing=0 style="margin:0 auto 0 auto;" align="center">
<tr>
<td align="left" valign="top" id="sidecontent">
<!-- 회원 로그인 -->
<div class="title">회원로그인</div><div class="latest"><?=outlogin("se.login");?></div>
<!-- 회원로그인 끝 -->
<!-- 메인 메뉴 -->
<div class="title">메인</div>
<div class="menu-content">
<div class="menuline">
<a href="<?=BoardUrl("notice")?>">공지사항</a>
<a href="<?=BoardUrl("event")?>">이벤트</a>
<a href="<?=BoardUrl("update")?>">업데이트</a>
<a href="<?=$g4[path]?>/plugin/cybercash">코인충전</a>
</div>
<div class="menuline">
<a href="<?=BoardUrl("free_charge")?>">포인트무료충전</a>
</div>
</div>
<!-- 메인 메뉴 끝 -->
<!-- 토렌트 메뉴 -->
<div class="title">토렌트 자료실</div>
<div class="menu-content">
<div class="menuline">
<a href="<?=BoardUrl("movie")?>">영화</a>
<a href="<?=BoardUrl("drama")?>">드라마</a>
<a href="<?=BoardUrl("tvent")?>">동영상</a>
<a href="<?=BoardUrl("game")?>">게임</a>
</div>
<div class="menuline">
<a href="<?=BoardUrl("ani")?>">애니메이션</a>
<a href="<?=BoardUrl("utility")?>">유틸리티</a>
<a href="<?=BoardUrl("want")?>">자료요청</a>
</div>
</div>
<!-- 토렌트 메뉴 끝 -->
<!-- 커뮤니티 메뉴 -->
<div class="title">커뮤니티</div>
<div class="menu-content">
<div class="menuline">
<a href="<?=$g4[path]?>/plugin/attendance">출석체크</a>
<a href="<?=BoardUrl("free")?>">자유게시판</a>
<a href="<?=BoardUrl("greet")?>">가입인사</a>
<a href="<?=BoardUrl("gallery")?>">갤러리</a>
</div>
</div>
<!-- 커뮤니티 메뉴 끝 -->
<!-- 기타 메뉴 -->
<div class="title">기타</div>
<div class="menu-content">
<div class="menuline">
<a href="<?=$g4[path]?>/sms">무료문자보내기</a>
<a href="<?=BoardUrl("faq")?>">자주묻는질문</a>
<a href="<?=$g4[bbs_path]?>/new.php">최신글</a>
</div>
<div class="menuline">
<a href="<?=$g4[bbs_path]?>/current_connect.php">현재접속자</a>
<a href="<?=$g4[path]?>/plugin/application">포인트현금전환</a>
<a href="<?=$g4[path]?>/plugin/mw.banner.clicks">배너클릭스</a>
</div>
</div>
<!-- 기타 메뉴 끝 -->
</td>
<td width="7" id="side-bg"></td>
<td width="33" valign="center">
<a href="javascript:side_content();" onclick=""><img name="sidebtn" src="<?=$g4[path]?>/img/btn_side_close.png" border="0" align="absmiddle"></a>
</td>
<td class="logo"><!-- 사이트 로고 --><a href="<?=$g4[path]?>"><img src="<?=$g4[path]?>/img/logo.gif"></a></td>
</tr>
</table>
<div style="margin-top:10px"><? include_once($g4['path'].'/bunkerbuilder/menu1.php'); ?></div>
<script type="text/javascript">
$(document).ready(function () {
$(".mw-index-menu-item").mouseenter(function () {
$(".mw-drop-menu").hide();
gr_id = $(this).attr("gr_id");
t = $(this).offset().top;
l = $(this).offset().left;
$("#mw-drop-menu-"+gr_id).css("top", t+30);
$("#mw-drop-menu-"+gr_id).css("left", l);
$("#mw-drop-menu-"+gr_id).show();
});
$(".mw-index-menu-bar").mouseleave(function () {
$(".mw-drop-menu").hide();
});
});
</script>
</div><!-- head -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<td width="10"></td>
<td valign="top">
댓글 전체