상태 | 완료 |
---|
본디 레이아웃 적용된것은 이것이구요..
http://yeskumi.net/
제가 left menu를 크기를 수정한 사이트는
http://yeskumi.net/xe/cmain
수정한 사이트가... 해상도에 따라....
틀어지더라구요....
수정내용은 아래에 표시한 부분...
도움을 좀 받을 수 있을까요?
파일도 첨부 하겠습니다.
* Site Layout - Column Left */
#columnLeft { position:relative; width:131px; float:left;}
#columnLeft .mask { width:131px; height:5px; background:#ffffff; display:block; clear:both;}
#lnbWrap {margin:0px 0 0 0; padding:0;}
#lnbWrap img {display: block;}
#lnbWrap .sub_title { background:url(../images/default/lnb_bg_t.gif) no-repeat; height:46px; }
#lnbWrap .sub_title h1 {margin:0; padding:16px 0 0 20px; width:160px; font-weight:bold; font-family:Tahoma; font-size:13px; color:#545452; }
#lnb {padding:0 15px; width:170px; background:url(../images/default/lnb_bg.gif) repeat-y; font-size:.9em;}
#lnb li {list-style:none;}
#lnb li a {font:12px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; position:relative; z-index:99; display:block; padding:5px 10px 5px 15px; width:78px; border-bottom:1px solid #eeeeee; background:url(../images/default/smBul.gif) 5px 9px no-repeat; color:#333; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus {background-color:#fff; color:#b4052e;}
#lnb li.on a {background:#fff url(../images/default/smBulon.gif) 5px 9px no-repeat; color:#b4052e; font-weight:bold; letter-spacing:-1px;}
#lnb li.on a:hover,
#lnb li.on a:focus {color:#b4052e;}
#lnb li ul {display:block; position:relative; padding:0; width:170px;}
#lnb li.on ul {display:block;}
#lnb li ul li {position:relative; top:0;}
#lnb li ul li a {font:12px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; width:73px; background:#F7F7F7 url(../images/default/submenulist.gif ) 12px 11px no-repeat !important; padding:5px 10px 5px 22px; color:#333 !important; font-weight:normal !important; letter-spacing:normal !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus {color:#a7052a !important;}
#lnb li.on ul li.on a {color:#a7052a !important; font-weight:bold !important;}
/* Site Layout - Column Right */
#columnRight { width:820px; float:right; overflow:hidden;}
#visualArea { width:820px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-5px; margin-right:-5px;}
#content { width:100%; overflow:hidden;}
좌측메뉴를 줄이려면 그안에 들어있는 것들도 같이 모두 줄여 주어야 합니다.
본문영역도 마찬가지입니다.
상당히 귀찮은 작업입니다.
되도록이면 배포된 것들 중에서 원하는 스타일을 선택해서 사용하십시오.