묻고답하기
3단계 메뉴 부분이 이상하게 위치가 안맞는데
2009.05.07 19:09
http://kana12.whk.kr/xe/?mid=comunite
3단계 메뉴 부분 위치가 이상한데 이부분 어떻게 고치는지 아시는 분 없으신가요.
소스는 이런데 어떻게 수정하는지 가르쳐주세요~
<!-- main_menu 3차 시작 -->
<!--@if($val['list'])-->
<ul>
<!--@foreach($val['list'] as $k => $v)--><!--@if($v['text'])-->
<li <!--@if($v['selected'])-->class="on" <!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<
댓글 2
-
구경모692
2009.05.09 07:57
@charset "utf-8";
body { background:#FFFFFF url(../images/bgBody.gif) repeat-x left top; }
#bodyWrap { width:980px; margin:0em auto 0 auto; }
#header { position:relative; width:980px; height:149px;margin-bottom:10px; z-index:99;}/* 로고 타이틀, 이미지 위치 */
#logo_title { position:absolute; left:0px; top:0px;}
#logo_image { position:absolute; left:0px; top:0px;}
#header_image { position:absolute; left:0px; top:49px;}
/* Site Layout - Column Left */
#columnLeft { position:relative; width:201px; float:left;}
#columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block;}/* Site Layout - Column Right */
#columnRight { width:770px; float:right; overflow:hidden;}
#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}/* 메뉴 */
#gnb { position:absolute; top:119px; left:210px; height:30px; white-space:nowrap; margin-bottom:0px;}#gnb li { float:left;list-style:none;background:url(../images/bgGnbVr.gif) no-repeat left center; padding-left:0px; left:-2px; white-space:nowrap;}
#gnb li a {font-size:12px; font-weight:bold; display:block; float:left; padding:10px 0px 0px 0px; height:17px; color:#e8e8e8; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#gnb li a:hover,
#gnb li a:focus {}
#gnb li.on {font-weight:bold;}#menuPicLeft {width:8px; height:30px; float:left}
#menuPicMiddle {height:30px; float:left}
#menuPicRight {width:8px; height:30px; float:left}
#menuPicLeft.on{background:url(../images/menu_left.gif) no-repeat center; width:12px; height:30px; float:left}
#menuPicMiddle.on{background:url(../images/menu_middle.gif) repeat-x; height:30px; float:left}
#menuPicRight.on{background:url(../images/menu_right.gif) no-repeat center; width:12px; height:30px; float:left}#lnb { border-top:0px solid #dddddd; width:150px;}
#lnb li { padding-bottom:4px;list-style:none;background:url(../images/2nd_menu_image.png) repeat-x center; height:24px;}
#lnb li a { padding:6px 5px 6px 13px; width:150px; display:block; border:1px solid #e8e8e8; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus {background:#dedede; border:1px solid #dedede; font-weight:bold}
#lnb li.on a { color:#ffffff; background:#dedede; border:1px solid #dedede; font-weight:bold;background:url(../images/bulletLnb.gif) no-repeat 175px center;}
#lnb li.on a:hover,
#lnb li.on a:focus { font-weight:bold;}
#lnb li ul { display:none; position:relative; width:184px; padding:0 3px; position:relative; border-top:1px solid #ffffff; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;}
#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/bulletLnb.gif) no-repeat 175px center !important;}/* Header 서브메뉴*/
.shadow{;position:absolute; top:30px; width:162px;padding:0px 0px 0px 0px;display:none;}
.subMenu{position:relative; top:-2px;left:-2px;width:150px;padding:0px 0px 5px 10px; }
#lbn1 {clear:both; height:24px;}
#lbn1 a:hover,focus {color:#000000;text-decoration:none;}
#lnb { border-top:0px solid #dddddd; width:180px;}css인데 어떻게 수정하나요 ㅠㅠ?
윗 부분만으로 답변을 드릴 수 있는 분은 없으실 듯...
CSS에서 직접 수정하셔야 합니다.
위치가 어긋나는 부분은 CSS의 설정에 따라갑니다.
그리고 파이어폭스에서는 2차 메뉴 부분도 어긋납니다. ^^*