테이블 늘어남 현상 문의 드립니다 ㅎ 정보
테이블 늘어남 현상 문의 드립니다 ㅎ본문
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> </p>
<p> </p>
</div>
<div class="latest-block">
<p> </p>
<p> </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> </p>
<p> </p>
</div>
<div class="latest-block">
<p> </p>
<p> </p>
</div>
<div class="latest-block">
<p> </p>
<p> </p>
</div>
<div class="latest-block">
<p> </p>
<p> </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");
?>
이거구요 .. 하루종일 찾아봤는데 도무지 알수없네요 도와주십쇼 ㅠ ㅠ
여기 보면 밑에 공지사항이 왜 이렇게 커지는건지 ㅋㅋ 크기를 좀 맞추고 싶거든요
소스는
<?
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> </p>
<p> </p>
</div>
<div class="latest-block">
<p> </p>
<p> </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> </p>
<p> </p>
</div>
<div class="latest-block">
<p> </p>
<p> </p>
</div>
<div class="latest-block">
<p> </p>
<p> </p>
</div>
<div class="latest-block">
<p> </p>
<p> </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까지만 보이고 우측은 비어있는 상태일거구요.
공지사항 최신글 불러오는 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;} 원하는 넓이 값을 넣어 주세요.
#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;} 원하는 넓이 값을 넣어 주세요.