묻고답하기
컨텐츠가 아래로 밀리네요
2011.10.25 15:51
아무것도 모르는 상태에서 인터넷 뒤지고 책뒤져서 사이트 한개 만들고 있는데요
혼자서 이정도 해냈는데 이부분에서 콱 막혀서 진전이 없습니다.. 도와주세요..
일단 제가 만든 사이트 첨부입니다
이구요
보시면 게시판이 아래로 가있는것을 보실수 있으실꺼에요
만들기는 레이아웃 하나로 만들어서 게시판만 붙인것입니다 문제는 컨텐츠 부분이 밀리는것같은데요
어떻게 수정해야 하죠?
아래는 소스 입니다.
<load target="js/xe_official.js" />
<load target="css/default.css" cond="$layout_info->colorset=='default'" />
<load target="css/white.css" cond="$layout_info->colorset=='white'" />
<load target="css/black.css" cond="$layout_info->colorset=='black'" />
<style type="text/css" cond="$layout_info->background_image">
body{background:url({getUrl()}{$layout_info->background_image}) repeat-x left top;}
</style>
<colorset)-->{@$layout_info->colorset">!--@if(!$layout_info->colorset)-->{@$layout_info->colorset = "default"}<!--@end-->
<div class="xe">
<div class="header"><a href="
<h1>
<a href="{$layout_info->index_url}" cond="$layout_info->logo_image"><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /></a>
<a href="{$layout_info->index_url}" cond="!$layout_info->logo_image">{$layout_info->logo_image_alt}</a>
</h1>
<div class="gnb">
<ul>
<li loop="$main_menu->list=>$key1,$val1" class="active"|cond="$val1['selected']"><a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a>
<ul cond="$val1['list']">
<li loop="$val1['list']=>$key2,$val2" class="active"|cond="$val2['+ 'selected']"><a href="{$val2['href']}" target="_blank"|cond="$val2['open_window']=='Y'">{$val2['link']}</a></li>
</ul>
</li>
</ul>
</div>
<form action="{getUrl()}" method="post" class="iSearch">
<input type="hidden" name="vid" value="{$vid}" cond="$vid" />
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" />
<input type="hidden" name="search_target" value="title_content" />
<input name="is_keyword" type="text" class="iText" title="keyword" />
<input type="image" src="./images/{$layout_info->colorset}/buttonSearch.gif" alt="{$lang->cmd_search}" class="submit" />
</form>
</div>
<div class="body">
<div id="logfom"><img class="zbxe_widget_output" widget="login_sunoo" skin="sunoo_loginbox" line_type="no" bg_color="white" search_use="N" keep_signed="Y" level_use="Y" point_use="Y" latest_login="N" /></div>
<div id="gaga"><img class="zbxe_widget_output" widget="gagachat" skin="default" chatroom="LiveScoreBetip" gposition="2" gnickname="1" gwidth="200px" gfonttype="굴림체" gfontcolor="black" gbgcolor="white" fontlarge="small" gmaxidlength="5" /></div></div>
<div class="content xe_content">{$content}</div>
<div class="footer">
<img src="/img/footB.jpg"></div>
</div>
css 소스 입니다
#logfom{margin:0px; padding-left:5px; padding-top:10px;}
#gaga{margin:0px;}
댓글 2
-
송동우
2011.10.25 16:18
-
자래보자
2011.10.25 16:24
수정하였는데도 역시나 그러네요 ㅠㅠ. -
송동우
2011.10.25 16:31
수정해도 안되는 것은 css로 바디에 컬럼을 잡아줘야 합니다.
그냥 div 만 계속 사용하면 전부 block요소이기 때문에 밑으로 다 붙습니다
전체 레이아웃 틀을 잡고 헤드 부분 바디 부분 그리고 푸터로 나누면
지금 상황에서 바디부분은 칼럼을 나눠야 되는데 css로 왼쪽 칼럼옆에 오른쪽 칼럼이 붙도록 스타일시트 작업을 해줘야 합니다.
<div class="content xe_content">{$content}</div>
이것이 body 밖에 있네요
body 안쪽
다시말해서
<div class="body">
이 태그가 끝나고(</div>)
<div class="content xe_content">{$content}</div>
이것이 오니까 그렇게 나오네요
body가 닫히기 전에
<div class="content xe_content">{$content}</div>
이것넣고
body가 닫히는 </div> 를 넣어보세요