묻고답하기
제로보드xe의 레이아웃 배치를 좌측에 하는 방법 아시는 분 계세요?
2011.04.14 16:38
제로보드xe의 레이아웃 배치를 좌측에 하는 방법 아시는 분 계세요?
제로보드xe에서는 화면 중앙에 홈페이지가 위치하게 되어있는데
좌측에 위치하도록 하는 방법이 있을 것 같은데 잘 모르겠습니다.
default.css 파일에서 아무리 연구를 해봐도..헥헥.. @,.@ 모르겟네요
혹시 아시는 분 계시면 좀 가르쳐주세요..
아래는 default.css 의 내용입니다.
@charset "utf-8";
/* NHN (developers@xpressengine.com) */
/* Default Skin - Start */
.selectLang{margin:0;padding:0}
/* Site Layout - Body Wrap */
body{background:#fff url(../images/default/bgBody.gif) repeat-x left top;font-family:Tahoma, Geneva, sans-serif}
.xe{width:960px;margin:0em auto 0 auto}
/* Site Layout - Header */
.header{position:relative;width:960px;height:120px;background:url(../images/default/bgHeader.jpg) no-repeat right top;margin-bottom:10px;z-index:2}
.body .header{width:auto;height:auto;background:none;margin:auto;z-index:1}
.header h1{margin:0;position:absolute;top:32px;left:25px}
.header h1 a{color:#fff;text-decoration:none}
.language{position:absolute;top:18px;right:19px;z-index:100}
.language strong{display:inline-block;height:15px;color:#fff;font:.75em/15px Tahoma;margin-right:3px;vertical-align:top}
.language .toggle{background:none;border:0;cursor:pointer;vertical-align:top;padding:0;height:15px}
.language ul{position:absolute;top:15px;right:0px;display:none;border:1px solid #b23628;background:#de4332;margin:0;padding:0}
.language li{list-style:none}
.language li button{display:block;width:61px;padding:3px 8px;font-size:9px;color:#fff;background:none;border:0;text-align:left;white-space:nowrap;cursor:pointer}
.gnb{position:absolute;top:82px;left:0;height:38px;white-space:nowrap;margin-bottom:10px}
.gnb ul{list-style:none;margin:0;padding:0;zoom:1}
.gnb ul:after{content:"";display:block;clear:both}
.gnb ul ul{display:none;position:absolute;left:0;top:38px;padding:5px 0;background:#666;border:1px solid #444;border-top:0}
.gnb li{float:left;list-style:none;background:url(../images/default/bgGnbVr.gif) no-repeat left center;padding-left:2px;position:relative;white-space:nowrap}
.gnb li.first{padding:0;background:none}
.gnb li li{float:none;background:none;padding:0;left:0}
.gnb li a{float:left;padding:13px 15px 0 15px;height:25px;color:#e8e8e8;white-space:nowrap;text-decoration:none}
.gnb li a:hover,
.gnb li a:active,
.gnb li a:focus{color:#fff}
.gnb li.active a{font-weight:bold;color:#fff;background:url(../images/default/bgGnbOn.gif) no-repeat center top}
.gnb li li a{float:none;display:block;padding:5px 15px !important;background:none !important;height:auto;font-weight:normal !important}
.gnb li li.active a{font-weight:bold !important}
.iSearch{position:absolute;top:48px;right:15px;width:214px;text-align:right}
.iSearch .iText{vertical-align:middle;position:relative;top:0;_top:-1px;left:1px;padding:3px 3px 1px 3px;width:94px;height:13px;color:#fff;border:1px solid #8E8E8D;background-color:#857C79}
.iSearch .iText:hover,
.iSearch .iText:focus{border:1px solid #B0B0AF;background-color:#A9A4A3}
.iSearch .submit{vertical-align:middle;_position:relative;_top:-1px}
/* Site Layout - Content Body */
.body{position:relative;padding-bottom:30px;background:url(../images/default/bgContentBody.gif) repeat-y left top;border-bottom:1px solid #ddd;zoom:1}
.body:after{content:"";display:block;clear:both}
/* Site Layout - Column Left */
.lnb{position:relative;width:201px;float:left}
.lnb h2{margin:0}
.lnb h2 a{display:block;padding:10px 0 10px 20px;text-decoration:none;color:#333}
.locNav{border-top:1px solid #ddd;padding:4px 5px;width:170px;margin:0 0 1em 0;list-style:none}
.locNav li{padding:0 0 4px 0;vertical-align:top}
.locNav li a{padding:6px 5px 6px 13px;display:block;border:1px solid #e8e8e8;border-left:0;border-right:0;background:url(../images/default/bgLnbOff.gif) repeat-x;color:#3e3e3e;position:relative;z-index:99;text-decoration:none}
.locNav li.active a{color:#fff;background:#de4332;border:1px solid #de4332;border-left:0;border-right:0}
.locNav li ul{display:block;position:relative;width:184px;padding:0 3px;margin:0;border-top:1px solid #fff;overflow:hidden}
.locNav li li{padding:0;border-top:1px solid #f2f2f2;position:relative;top:-1px}
.locNav li li a{padding:6px 5px 6px 10px;width:169px;color:#818181 !important;border:none;background:none !important;border:none !important}
.locNav li.active li.active a{color:#ff1a00 !important;font-weight:bold !important;background:url(../images/default/bulletLnb.gif) no-repeat 175px center !important}
/* Site Layout - Column Right */
.content{width:650px;float:left; margin-left:15px;}
#mainright { position:relative; float:right; margin-top:10px; width:90px; background:#ffffff; border:0px solid #e7e7e7;}
/* Site Layout - Footer */
.footer{border-top:3px solid #f4f4f4;padding:1em 0;clear:both}
.footer p{text-align:center;margin:0}
.footer a{color:#999;font-size:.9em;text-decoration:none}
.xe{width:960px;margin:0em auto 0 auto}
에서 색칠해진 부분을 0으로 해보세요.