묻고답하기
이 레이아웃 가로크기를 조정하려면 뭘 바꿔야하나요?
2009.01.13 20:02
<!-- js 파일 import -->
<!--%import("js/xe_official.js")-->
<!-- 레이아웃과 연동될 css 파일 import -->
<!--%import("css/default.css")-->
<!--@if($layout_info->background_image)-->
<style type="text/css">
body { background-repeat:repeat; background-image:url({getUrl()}{$layout_info->background_image}); }
</style>
<!--@end-->
<!-- 바디 시작 -->
<div id="bodyWrap">
<div id="wrap">
<!-- 상단 시작 -->
<div id="header">
<!--GNB-->
<ul id="gnb">
<!-- main_menu 1차 시작 -->
{@ $idx = 1 }
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
<!--@if($val['selected'])-->
{@ $menu_1st = $val }
<!--@end-->
<li onMouseOver="menu({$idx});" <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>
<!--@end-->
{@$idx++}
<!--@end-->
<!-- main_menu 1차 끝 -->
</ul>
<!--//GNB-->
<!--히든 레이어 메뉴-->
<script language="javascript1.2">var menuLen={$idx-1};</script>
{@ $idx = 1 }
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
<!--2차 메뉴-->
<div class="subMenu" id="subMenu_{$idx}" style="<!--@if($val['selected'])-->display:block;<!--@else-->display:none;<!--@end-->">
<!--@foreach($val['list'] as $key1 => $val1)--><!--@if($val1['text'])-->
<!--@if($val1['selected'])--><!--@end-->
<a id="lnb1" href="{$val1['href']}" <!--@if($val1['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val1['link']}</a>
<!--@end-->
<!--@end-->
</div>
<!--@end-->
{@$idx++}
<!--@end-->
<!-- 히든 레이어 메뉴 끝 -->
<!-- 로그인 시작 -->
<div id="loginBox">
<img src="./images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="jungbok_V2.1" colorset="black" />
</div>
<!-- 로그인 끝-->
</div>
<!-- 상단 끝 -->
<!-- 콘텐츠바디 시작 -->
<div id="contentBody">
<!-- Left 시작 -->
<div id="Left">
<div id="columnLeft">
<div id="Centeral_Div">
<!-- 컨텐츠 시작 -->
{$content}
</div>
</div>
</div>
<!-- Left 끝 -->
<!-- Right 시작 -->
<div id="Right">
<div id="columnRight">
<!--위젯 실행 시작 (추가 위젯 사용시 아래에 코드를 넣어주세요)-->
<!--위젯 실행 끝-->
</div>
</div>
<!-- Right 끝 -->
</div>
<!-- 콘텐츠바디 끝 -->
<!-- 하단 시작 -->
<div id="bottom">
<div id="footerBox">
<ul id="footerMenu">
<!--@foreach($bottom_menu->list as $key => $val)-->
<li><a href="{$val['href']}" <!--@if($val['open_window']=='Y'+
'+
')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a></li>
<!--@end-->
</ul>
</div>
<div id="layoutInfoBox">
<li>
- Jungbok_V2.1 Layout Skin<br>
- Layout Skin by <a href="http://www.jungbok.co.kr/" target="_blank">Jungbok</a><br><!-- ##레이아웃 제작자는 삭제하시면 안됩니다 -->
- Powered by <a href="http://www.zeroboard.com/" target="_blank">ZeroBoard</a>
</li>
</div>
<div id="footerBottom">
<li>
Copyright 1998~2008 <a href="http://www.jungbok.co.kr" target="_self">Jungbok.co.kr</a>
</li>
</div>
</div>
<!-- 하단 끝-->
</div>
</div>
<!-- 바디 끝 -->
정복님 레이아웃 v 2.1 인데요
가로로 크기가 너무 좁아서 전체 레이아웃 가로크기를 늘릴려고하는데
뭘만져야하는지 모르겟네요.....
댓글 4
-
비나무
2009.01.13 20:16
해당 css에서 bodyWrap 부분 등의 폭값 조정 등.. -
kokmjn
2009.01.13 20:29
css파일올렸는데요 .......
bodywrap 부분은 찾았는데 weight 1000px 라는 부분을 수정해봤는데
별 반응이없네요..... 정확히 어딜수정해야하나요? 초보라서 죄송합니다 ㅡ_ㅡ;; -
비나무
2009.01.13 20:55
#bodyWrap { position:absolute; width:1000px; height: 0 auto; left:50%; margin:0 0 0 -434px; overflow:visible; border:0px solid #ffaa00;}
#wrap { position:relative; width:820px; ...
#header { position:relative; float:left; width:820px; ...
#contentBody { position:relative; float:left; width:820px; ...
#Left { position:relative; float:left; width:629px; ...
#Centeral_Div { position:relative; width:620px;
#bottom { width:820px;
등의 width값을 조정하셔야 하 듯...
그 외에도 아마 자잘한 문제를 위해서 width값을 조절해야 하는 부분들도 있을 겁니다. -
kokmjn
2009.01.13 21:04
워낙~ 초보라 하나하나 시험해보면서 맞춰야겟지만
어쨋든 감사해요.
사진 애들 참 예쁘네요~