묻고답하기
도와주세욧..! body 가로 길이 문제..
2011.03.27 16:41
XE로 제가 쓸 개인홈피를 만들고 있는 중에 문제에 부딪혔습니다. ㅠㅠ
페이지나 요런 거 없이 그냥 faceoff layout으로 배열을 하는 중인데요. 다음과 같이 스크롤이 생긴다는 겁니다.
음.. 제가 설명을 잘못하겠는데요.
일단 게시판의 크기는 관리자 페이지에서 게시판 개별 항목으로 740px의 가로 길이를 지정해 준 상태입니다.
그래서 게시판의 크기는 740px로 고정이 된 모양인데, 문제는 faceoff layout에서 게시판, 즉 content 부분의 길이를 지정해주지 않은 탓일까요? 게시판 이후 오른쪽으론 아무것도 없는데 저렇게 스크롤이 생깁니다.
faceoff layout에 들어가보면 콘텐트 부분이 다음과 같이 빨간선(740px)을 벗어난 걸 확인할 수 있더라구요.
이럴 경우엔 어찌해야 콘텐트 부분의 가로 길이를 지정해 줄 수 있을까요? ㅠㅠ
아래는 faceoff layout인데요. 여기서
<div id="body">
<div id="content">
{$content}
이 부분이 body이고 게시판이 들어가는 부분같은데.. 크기를 조절하는 속성을 추가할 수 있을까요?
<div id="xe" class="{$layout_info->faceoff_ini_config['type']} {$layout_info->faceoff_ini_config['align']}">
<div style="margin: 0px 0px 0px 10px">
<div id="container" class="{$layout_info->faceoff_ini_config['column']}">
<div id="header">
<a href="#content" class="skipToContent">Skip to content</a>
<h1><a href="http://xe/home"><!--@if($layout_info->logo_image)--><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /><logo_text)-->{$layout_info->logo_text}!--@elseif($layout_info->logo_text)-->{$layout_info->logo_text}<!--@else--><!--@end--></a></h1>
<hr />
</div>
<hr />
<div id="neck">
<div class="extension neck">
<!-- start-neck --><div align="right"; style="margin: 0px 0px 0px 0px; border: transparent; width: 740px;
<form action="{getUrl()}" method="get"><input type="hidden" name="vid" value="{$vid}" /><input type="hidden" name="mid" value="{$mid}" /><input type="hidden" name="act" value="IS" /><input type="text" name="is_keyword" class="inputTypeText" value="{$is_keyword}" /><span class="button"><input type="submit" value="{$lang->cmd_search}" /></span></form>
<!-- end-neck -->
</div>
</div>
</div>
<div id="neck">
<div class="extension neck">
<!-- start-neck --><img class="zbxe_widget_output" widget="login_info" id="ex_1301151064916" colorset="default" widget_margin_left="0px" widget_margin_bottom="10px" widget_margin_right="0px" widget_margin_top="0px" skin="xe_official" style="margin: 0px 0px 10px; border: transparent; color: transparent; float: left; background-repeat: repeat; background-color: transparent;" />
<img class="zbxe_widget_output" widget="content" id="ex_1301148041298" colorset="white" skin="default" module_srls_info="Array" mid_lists="Array" thumbnail_height="75" thumbnail_width="100" duration_new="12" content_cut_size="100" subject_cut_size="0" cols_list_count="5" thumbnail_type="crop" show_icon="Y" show_category="Y" show_trackback_count="Y" show_comment_count="Y" show_browser_title="Y" option_view="title,regdate,nickname" markup_type="table" tab_type="tab_top" list_type="normal" module_srls="4491,4910,4582,4911" content_type="document" page_count="1" list_count="5" order_type="desc" order_target="list_order" module_srl="4911" style="margin: 0px 0px 0px 10px; border: transparent; width: 530px; color: transparent; float: left; background-repeat: repeat; background-color: transparent;" />
<!-- end-neck -->
</div>
</div>
<hr />
<div id="body">
<div id="content">
{$content}
</div>
<hr />
<div class="extension e1">
<!-- start-e1 --><!-- end-e1 -->
</div>
<hr />
<div class="extension e2">
<!-- start-e2 --><!-- end-e2 -->
</div>
</div>
<hr />
<div id="knee">
<div class="extension knee">
<!-- start-knee --><!-- end-knee -->
</div>
</div>
<hr />
<div id="footer">
<hr />
<address>
<copyright_text">!--@if($layout_info->copyright_text)-->
{$layout_info->copyright_text}
<!--@else-->
Copyright © <a href="http://www.xpressengine.com" onclick="window.open(this.href);return false;"><abbr title="Xpress Engine">XE</abbr>.</a> All Rights Reserved.
<!--@end-->
</address>
</div>
</div>
</div>