묻고답하기
레이아웃 가로길이를 늘리고 싶어요
2008.12.14 18:13
스샷을 보면 오른쪽엔 서브메뉴 그 오른쪽엔 게시판 그 오른쪽엔 위젯넣는 공간이 있어서 게시판이 가운데에 있어요
이 상태에서 오른쪽 위젯넣는 창을 없애고 게시판이 오른쪽까지 닿도록 설정해주고 싶거든요... 이런식로요
이런식으로 하려는데 어떻게 해야할까요?
댓글 5
-
사용하시는 레이아웃 파일에서 해당 공간부분 지우시고, css에서도 삭제 후 게시판 영역의 폭을 지운 폭만큼 늘이세요.
-
천원
2008.12.14 19:47
근데 그대로에요 ㅠㅠ; colum right라는걸 layout.html에서 지우니까 방금 오른쪽에 로그인위젯 지운건 없어졌는데요
css에서도 colum right라는 부분을 지웟는데도 오른쪽 배경이 남아있습니다 bgcontentbody이 배경이 그대로남아있네요
그리고
/* Site Layout - Content Body */
#contentBody { position:relative; width:980px;
css파일에서 이부분을 980px에서 1080px로 200늘려줬습니다 그랫더니 상태는 그대로이고
드래그를 해보니 오른쪽이 튀어나왓네요.. layout.html파일하고 default.css파일 올리면 자세한 도움 주실수있나요?? -
올려보세요.
-
천원
2008.12.14 21:43
네 쪽지 확인해주세요 ^^ 감사 ㅎㅎ -
우측 공간 없애려면
레이아웃에서
<div id="columnRight">
<!-- Login Box -->
<div class="loginbox">
<img class="zbxe_widget_output" widget="login_info" skin="xe_official" colorset="default" />
</div><!-- Right Box -->
<div class="rightbox"><center>
<!-- 카운터 위젯
<img class="zbxe_widget_output" widget="counter_status" skin="default" colorset="normal" />
</center>
-->
</div>
</div>
또 css 파일에서
/* Site Layout - #columnRight */
#columnRight { float: right; width: 200px; overflow:hidden; }
#columnRight .loginbox {width:200px; padding-bottom:5px; background:#FFFFFF; }
#columnRight .rightbox { clear:both; border-top:1px solid #e0e0e0; padding:5px 5px 0px 5px;}
#columnRight .mask { width:200px; height:5px; background:#ffffff; display:block; clear:both;}
를 삭제
그리고 우측 공간 200을 삭제하였으니
css에서
/* Site Layout - #columnCenter */
#columnMain { float: left; width: 640px; margin:0px 9px 0px 10px; border:0px solid #e0e0e0;overflow:hidden; }
#visualArea { width: 640px; background:#f5f5f5; position:relative; left:-10px; margin-right:-10px;}
#content { width:100%; overflow:hidden; }
640을 840으로
혹시 우측이 밑으로 내려오는 경우가 생기면 840을 약간 줄여서 조정하세요.
