테이블 늘어남 현상 문의 드립니다 ㅎ > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

테이블 늘어남 현상 문의 드립니다 ㅎ 정보

테이블 늘어남 현상 문의 드립니다 ㅎ

본문

http://fofoeye.hubweb.net/new.php

여기 보면 밑에 공지사항이 왜 이렇게 커지는건지 ㅋㅋ 크기를 좀 맞추고 싶거든요

소스는

<?
include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php"); // outlogin() 함수를 사용하여야 하므로 이 프로그램을 포함시킵니다.

$g4['title'] = "";
include_once("./_head.php");
?>
<style type="text/css">
#main { margin:7px 0 0 0; }
#main .latest-block { margin:7px 0 0 0; }
#main .main-ad { margin-top:7px; background-color:#efefef; line-height:25px; text-align:center; }
</style>

<!-- 메인 시작 -->
<table width=100% id="main" border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=180 valign=top>
    <!-- 메인 좌측 -->
    <?=outlogin("out_login_sj")?>
    <div class="latest-block"><!-- 인기검색어 : 스킨, 갯수, 간격 -->
      <img src="http://fofoeye01.hubweb.net/skin/mw.builder/mw.basic.2/img/menu01.jpg" /></div>
    <div class="latest-block"></div>
    <div class="latest-block">
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div>
    <div class="latest-block">
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div>
    <div class="latest-block"></div>
</td>
<td width=7></td>
<td valign=top>
    <!-- 메인 중앙 -->
    <div><img src="http://fofoeye.hubweb.net/images/aa1.png" alt="" width="520" height="307" /></div>
    <div class="latest-block"><!-- 중앙 컨텐츠 -->
    </div>
    <div class="main-ad"><!-- 한줄 광고 --><a href="http://g4.miwit.com/">2013년 정시모집 지원표 대공개 열공모드 전회원 다운가능!!</b></a></div>
    <div class="latest-block"><span class="notice">
      <?
echo latest("naver-lates", "notice", 5, 0); // basic 스킨으로 free 라는 게시판을 출력합니다.
?>
    </span></div>
    <div class="latest-block"><span class="notice">
      <?
echo latest("naver-lates", "notice", 5, 0); // basic 스킨으로 free 라는 게시판을 출력합니다.
?>
    </span></div>
    <div class="latest-block"><span class="notice">
      <?
echo latest("naver-lates", "notice", 5, 0); // basic 스킨으로 free 라는 게시판을 출력합니다.
?>
    </span></div>
</td>
<td width=7></td>
<td width=206 valign=top>
    <!-- 메인 우측 -->
    <!--<div onclick="window.open('http://sir.co.kr/lecture/photoshopcs3/', 'PhotoshopCS3', 'left=0,top=0,width=1017,height=685,scrollbars=1');">
    <div><img src="<?=$mw_index_skin_main_path?>/img/photoshopcs3banner.gif" border="0" alt="포토샵 CS3 무료강좌" width=206 height=100 style="cursor:pointer;"></div>
    </div>-->
    <div><a href="http://www.miwit.com"><img src="http://fofoeye.hubweb.net/images/aa2.png" alt="" width="195" height="669" /></a></div>
    <div class="latest-block">
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div>
    <div class="latest-block">
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div>
    <div class="latest-block">
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div>
    <div class="latest-block">
      <p>&nbsp;</p>
      <p>&nbsp;</p>
    </div>
</td>
</tr>
</table><!-- main -->

<style type="text/css">
#tail { margin:10px 0 0 0; border:1px solid #dedede; background-color:#f4f4f4; }
#tail .ad { height:30px; line-height:30px; }
#tail .ad .left a { float:left; margin:0 0 0 10px; letter-spacing:-1px; }
#tail .ad .right a { float:right; margin:0 10px 0 0; letter-spacing:-1px; }

#tail .sitemap { margin:0 5px 5px 5px; padding:10px 0 0 10px; background-color:#fff; border:1px solid #fff; letter-spacing:0px; }
#tail .sitemap ul { margin:0; padding:0; list-style:none; height:25px; }
#tail .sitemap ul li { margin:0; padding:0; float:left; }
#tail .sitemap ul li .group { font-weight:bold; padding:0 0 0 10px; float:left; width:80px; }
#tail .sitemap ul li .group a { color:#5695D4; }
#tail .sitemap ul li .menu { margin-left:1px; padding:0 0 0 10px; background:url(<?=$mw_index_skin_main_path?>/img/dot.gif) 3px 5px no-repeat; }
#tail .sl { float:left; }
#tail .sitemap .gag { clear:both; height:1px; line-height:1px; font-size:1px; }
</style>

<!-- 테일 시작 -->
<div id="tail">

<div class="ad">
<div class="left"><a href="http://g4.miwit.com/">이달의 열공모드 이벤트가 여기 있구나!!</a></div>
<div class="right"><a href="http://www.miwit.com/"><strong>수업 질문방 바로가기 클릭</a></div>
</div><!-- ad -->

<div class="sitemap">

  <div class="gag"></div>
</div><!-- sitemap -->
</div><!-- tail -->
</div><!-- mw-index -->

<script type="text/javascript">
fsearch.stx.focus();
</script>
<?
include_once("./_tail.php");
?>





이거구요 .. 하루종일 찾아봤는데 도무지 알수없네요 도와주십쇼 ㅠ ㅠ
  • 복사

댓글 전체

저도 잘은 모릅니다만, 감히 댓글을 달아보면
공지사항 최신글 불러오는 DIV Class 가 "section_ui" 인거 같은데 CSS에서 딱히 너비를 안정해줘서 중앙에 확보된 공간을 다 쓰는게 아닐까요??
윗쪽 img는 520이라고 콕 찝어 놔서 너비 520까지만 보이고 우측은 비어있는 상태일거구요.
<style type="text/css">
#main { margin:7px 0 0 0; }
#main .latest-block { margin:7px 0 0 0; }
#main .main-ad { margin-top:7px; background-color:#efefef; line-height:25px; text-align:center; }
</style>

스타일이 위와 같이 지정이 되어 있네요.

그럼 메인 부분을 아래와 같이 수정해 보세요,

<!-- 메인시작 --> 바로 아래에

<div id=main> 을 넣고

<!-- main --> 이 부분 바로 위에

</div> 를 넣고 저장해 보세요.

그래도 변경이 되지 않으면 위의 style에서

#main {margin:7px  0 0 0; width:570px;} 원하는 넓이 값을 넣어 주세요.
© SIRSOFT
현재 페이지 제일 처음으로