게시판의 테이블보다 이미지의 가로픽셀이 클 경우 테이블 틀어지게 됩니다.

리사이즈 처리를 해야되는데, div 속성과 레이아웃을 통해 해보아도 난감합니다.

103번째 줄 리사이즈 처리를 어떻게 해야될지 아는 분 계시면 답변 달아주세요...






<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

// 제목이 두줄로 표시되는 경우 이 코드를 사용해 보세요.
// <nobr style='display:block; overflow:hidden; width:000px;'>제목</nobr>
?>

<style>
body,td,select,input,div,form,textarea,center,option,pre,blockquote{font-family:Tahoma,Verdana,Arial;color:#484848;font-size:9pt;}

body{
scrollbar-face-color: #F7f7f7;
scrollbar-shadow-color:#E9E9E7;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color: #E4E9EA;
scrollbar-darkshadow-color: #777777;
scrollbar-track-color: #FcFcFc;
scrollbar-arrow-color: #10173C; }

        .top_menu { text-decoration:none;color:#777777;font-size:8pt;font-family:굴림;}
.name { color:#113377;text-decoration:none font-size:8pt; }
.date { font-family:tahoma; font-size:7pt; }
.c_name { color:#113377;text-decoration:none font-size:8pt; }
.c_date { color:#999999; font-family:tahoma; font-size:7pt; }
.subject { font-size:12px; color:#4d4d4d; }
.input { font-size:12px; color:#4d4d4d; }
</style>

<table width="<?=$width?>" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td>
<!-- 분류 셀렉트 박스, 글쓰기, 게시물 몇건, 관리자화면 링크 시작 -->
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td width="100%" align="right">
<font class=w_font>게시물 <?=number_format($total_count)?>건</font>
<? if ($admin_href) { ?><a href="<?=$admin_href?>"><img src="<?=$board_skin_path?>/img/admin_button.gif" title="관리자" width="44" height="21" border="0" align="absmiddle"></a><? } ?>
<? if ($write_href) { ?><a href="<?=$write_href?>"><img src="<?=$board_skin_path?>/img/write.gif" width="44" height="21" border="0" align="absmiddle"></a><? } ?>
</td>
</tr>
<tr>
<td height="5"></td>
</tr>
</table>

<!-- 분류 셀렉트 박스, 게시물 몇건, 관리자화면 링크 끝 -->
<?
$lists = array();

for ($i=0; $i<count($list); $i++) {
$lists[$i] = $list[$i];
}
?>
<? for ($ii=0; $ii < count($lists); $ii++) { ?>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<form name="fboardlist" method="post" action="">
<input type="hidden" name="bo_table" value="<?=$bo_table?>">
<input type="hidden" name="sfl"      value="<?=$sfl?>">
<input type="hidden" name="stx"      value="<?=$stx?>">
<input type="hidden" name="spt"      value="<?=$spt?>">
<input type="hidden" name="page"    value="<?=$page?>">
<input type="hidden" name="sw"      value="">
<tr>
<td height="1" bgcolor="#cccccc"></td>
</tr>
<tr>
<td height="20" bgcolor="#f2f2f2" align="center">
<b><?=$lists[$ii][subject]?>&nbsp;<?=$lists[$ii][icon_new]?></b>
</td>
</tr>
<tr>
<td height="1" background='<?=$board_skin_path?>/img/lh_bg.gif'>
</td>
</tr>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td height="20" bgcolor="#f8f8f8" align="left" class=name>
<img src='<?=$board_skin_path?>/img/s_name.gif' align=absmiddle><?=$lists[$ii][name]?>
</td>

<td width="150" height="20" bgcolor="#f8f8f8" align="right" class="date">
<img src='<?=$board_skin_path?>/img/s_date.gif' align=absmiddle><?=$lists[$ii][wr_datetime]?>&nbsp;
</td>
</tr>
</table>
</td>
</tr>
<tr>

</tr>
<tr>
<td height="5"></td>
</tr>
<tr>
<td valign="top" align="left">

<?
$image = urlencode($lists[$ii][file][0][file]); // 첫번째 파일이 이미지라면
if (preg_match("/\.(gif|jpg|png)$/i", $image))
{
echo "<span align='center'><a href='$g4[path]/data/file/$bo_table/$image' target='_blank'><IMG src='$g4[path]/data/file/$bo_table/$image' style='CURSOR: hand;' border='0'></a></span><br>";
echo nl2br($lists[$ii][wr_content]);
}
else
echo nl2br($lists[$ii][wr_content]);
?>


</td>
</tr>
<tr>
<td height="4"></td>
</tr>
<tr>
<td height="5" valign="top" align="right">
<?
// 수정, 삭제 링크
if (($member[mb_id] && ($member[mb_id] == $write[mb_id])) || $is_admin) { ?>
<a href="<?=$write_href?>&w=u&wr_id=<?=$lists[$ii][wr_id]?>&page=<?=$page?>"><img src="<?=$board_skin_path?>/img/modify.gif" alt="수정" border="0"  align="absmiddle" title="수정하기"></a>
<a href="javascript:del('./delete.php?bo_table=<?=$bo_table?>&wr_id=<?=$lists[$ii][wr_id]?>');"><img src="<?=$board_skin_path?>/img/delete.gif" alt="삭제" border="0" align="absmiddle" title="삭제하기"></a>
<? } ?>
</td>
</tr>
<tr>
<td height="4"></td>
</tr>
<tr>
<td height="1" background='<?=$board_skin_path?>/img/lh_bg.gif'></td>
</tr>
<tr>
<td height="4"></td>
</tr>
</form>
<tr>
<td>
<?
$wr_id = $lists[$ii][wr_id];
include ("$board_skin_path/view_comment.php");
// 필터
echo "<script language='javascript'> var g4_cf_filter = '$config[cf_filter]'; </script>\n";
echo "<script language='javascript' src='$g4[path]/js/filter.js'></script>\n";

if (!$member[mb_id]) // 비회원일 경우에만
    echo "<script language='javascript' src='$g4[path]/js/md5.js'></script>\n";
?>

<tr>
<td height="30"></td>
</tr>
<? } ?>
</table>

<table width="<?=$width?>" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td height="7"></td>
</tr>
<tr>
<td width="100%" align="right" valign="top">
<? if ($write_href) { ?><a href="<?=$write_href?>"><img src="<?=$board_skin_path?>/img/write.gif" border="0" align="absmiddle"></a><? } ?>
</td>
</tr>
<tr>
<td align="center" class="page">
<!-- 페이지 출력 -->
<? if ($prev_part_href) { echo "<a href='$prev_part_href'><img src='$board_skin_path/img/btn_search_prev.gif' width=50 height=20 border=0 align=absmiddle title='이전검색'></a>"; } ?>
<?
// 기본으로 넘어오는 페이지를 아래와 같이 변환하여 이미지로도 출력할 수 있습니다.
//echo $write_pages;
$write_pages = str_replace("처음", "<img src='$board_skin_path/img/begin.gif' border='0' align='absmiddle' title='처음'>", $write_pages);
$write_pages = str_replace("이전", "<img src='$board_skin_path/img/prev.gif' border='0' align='absmiddle' title='이전'>", $write_pages);
$write_pages = str_replace("다음", "<img src='$board_skin_path/img/next.gif' border='0' align='absmiddle' title='다음'>", $write_pages);
$write_pages = str_replace("맨끝", "<img src='$board_skin_path/img/end.gif' border='0' align='absmiddle' title='맨끝'>", $write_pages);
$write_pages = preg_replace("/<span>([0-9]*)<\/span>/", "<font style=\"font-family:돋움; font-size:9pt; color:#797979\">$1</font>", $write_pages);
$write_pages = preg_replace("/<b>([0-9]*)<\/b>/", "<font style=\"font-family:돋움; font-size:9pt; color:orange;\">$1</font>", $write_pages);
?>
<strong><?=$write_pages?></strong>
<? if ($next_part_href) { echo "<a href='$next_part_href'><img src='$board_skin_path/img/btn_search_next.gif' width=50 height=20 border=0 align=absmiddle title='다음검색'></a>"; } ?>

</td>
</tr>
</table>
<!-- 검색 출력 -->
<table width="<?=$width?>" cellspacing="0" cellpadding="0" border="0" align="center">
<tr align="left" valign="middle">
<td width="50%" height="40"></td>
<form name=fsearch method=get>
<input type=hidden name=bo_table value="<?=$bo_table?>">
<input type=hidden name=sca      value="<?=$sca?>">
<td width="50%" align="right">
<select name=sfl>
<option value='wr_subject'>제목</option>
<option value='wr_content'>내용</option>
<option value='mb_id'>회원아이디</option>
<option value='wr_name'>이름</option>
</select>
<INPUT maxLength=15 size=10 name=stx itemname="검색어" required value="<?=$stx?>">
<SELECT name=sop>
<OPTION value=and>And</OPTION>
<OPTION value=or>Or</OPTION>
</SELECT>
</td>
<td width="10%" align="center">&nbsp;<INPUT type=image width="34" height="21" src="<?=$board_skin_path?>/img/search.gif" border=0></td>
</form>
</tr>
</table>
</td>
</tr>
</table>

<script language="JavaScript">
// HTML 로 넘어온 <img ... > 태그의 폭이 테이블폭보다 크다면 테이블폭을 적용한다.
function resize_image()
{
    var target = document.getElementsByName('target_resize_image[]');
    var image_width = parseInt('<?=$board[bo_image_width]?>');
    var image_height = 0;

    for(i=0; i<target.length; i++) {
        // 원래 사이즈를 저장해 놓는다
        target[i].tmp_width  = target[i].width;
        target[i].tmp_height = target[i].height;
        // 이미지 폭이 테이블 폭보다 크다면 테이블폭에 맞춘다
        if(target[i].width > image_width) {
            image_height = parseFloat(target[i].width / target[i].height)
            target[i].width = image_width;
            target[i].height = parseInt(image_width / image_height);
        }
    }
}
window.onload = resize_image;
</script>