게시판 리스트 인데요 최대창에서 축소했을때

제목 칸만 줄어 들고 나머지 필드는 고정값 같은데요

모든필드가 인터넷창 축소 했을때 같은비율로 축소 되게 하고싶어가지구요 ..ㅠㅠ

<style>
.board_top { clear:both; }

.board_list { clear:both; width:100%; /*table-layout:fixed;*/ margin:5px 0 0 0; }
.board_list th { font-weight:bold; font-size:12px; }
.board_list th { background:url(<?=$board_skin_path?>/img/title_bg.gif) repeat-x; }
.board_list th { white-space:nowrap; height:34px; overflow:hidden; text-align:center; }
.board_list th { border-top:1px solid #ddd; border-bottom:1px solid #ddd; }

.board_list tr.bg0 { background-color:#fafafa; }
.board_list tr.bg1 { background-color:#ffffff; }

.board_list td { padding:.5em; }
.board_list td { border-bottom:1px solid #ddd; }
.board_list td.num { color:#999999; text-align:center; }
.board_list td.checkbox { text-align:center; }
.board_list td.subject { overflow:hidden; }
.board_list td.name { padding:0 0 0 10px; }
.board_list td.datetime { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.hit { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.good { font:normal 11px tahoma; color:#BABABA; text-align:center; }
.board_list td.nogood { font:normal 11px tahoma; color:#BABABA; text-align:center; }

.board_list .notice { font-weight:normal; }
.board_list .current { font:bold 11px tahoma; color:#E15916; }
.board_list .comment { font-family:Tahoma; font-size:10px; color:#EE5A00; }

.board_button { clear:both; margin:10px 0 0 0; }

.board_page { clear:both; text-align:center; margin:3px 0 0 0; }
.board_page a:link { color:#777; }

.board_search { text-align:center; margin:10px 0 0 0; }
.board_search .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }

.tab_line{padding:0 0 7px 0}
.tab_line ul{font:12px tahoma,sans-serif;margin:0;padding:0;border-bottom:1px solid #ccc;list-style:none;*zoom:1}
.tab_line ul,
.tab_line li a{position:relative}
.tab_line ul:after{display:block;clear:both;content:""}
.tab_line li,
.tab_line li a{float:left}
.tab_line li{margin-bottom:-1px}
.tab_line li a{border:1px solid #eee;border-bottom-color:#ccc;background:#fafafa;color:#666;text-decoration:none}
.tab_line li a span{display:inline-block;padding:6px 15px 6px 15px;letter-spacing:-1px;cursor:pointer}
.tab_line.m2 .m2 a,
.tab_line.m1 .m1 a{margin-top:-1px;border:1px solid #ccc;border-bottom:1px solid #fff;background:transparent;color:#333}
.tab_line.m2 .m2 a span,
.tab_line.m1 .m1 a span{padding-top:7px;font-weight:bold}
</style>
<!--글자 깜빡이기 스크립트 <blink></blink>-->
<script language="JavaScript">
function doBlink() {
 var blink = document.all.tags("blink")
 for (var i=0; i < blink.length; i++) blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : ""
}
function startBlink() {
 if (document.all) setInterval("doBlink()",600)  //속도
}
window.onload = startBlink;
</script>

<!-- 게시판 목록 시작 -->
<table width="<?=$width?>" align="center" cellpadding="0" cellspacing="0" ><tr><td>

<? if ($approver_id <> "false") { ?>
 <div class="tab_line m1">
 <ul>
 <?
  if($wr_1==""){$wr_1="Progress";}
  if ($wr_1=="Progress"){echo "<li class='m1'>";}else{echo "<li class='m2'>";} echo "<a href='$g4[bbs_path]/board2.php?bo_table=approval&sca=%EC%83%9D%EC%82%B0&wr_1=Progress&approver_id=$approver_id'><span>대기중</span></a></li>";
  if ($wr_1=="Approve"){echo "<li class='m1'>";}else{echo "<li class='m2'>";} echo "<a href='$g4[bbs_path]/board2.php?bo_table=approval&sca=%EC%83%9D%EC%82%B0&wr_1=Approve&approver_id=$approver_id'><span>결재완료</span></a></li>";
  if ($wr_1=="Return"){echo "<li class='m1'>";}else{echo "<li class='m2'>";} echo "<a href='$g4[bbs_path]/board2.php?bo_table=approval&sca=%EC%83%9D%EC%82%B0&wr_1=Return&approver_id=$approver_id'><span>반송</span></a></li>";

 // if ($ca_name=="출고"){echo "<li class='m1'>";}else{echo "<li class='m2'>";} echo "<a href='$g4[bbs_path]/board.php?bo_table=approval&ca_name=출고'><span>테스트</span></a></li>";
   //echo $sql;
 ?>
 </ul>
 </div>
<?} else {?>

<div class="tab_line m1">
 <ul>
 <?
 
  if ($ref_check==""){echo "<li class='m1'>";}else{echo "<li class='m2'>";} echo "<a href='$g4[bbs_path]/board2.php?bo_table=approval&sca=%EC%83%9D%EC%82%B0&ref_check=&approver_id=$approver_id'><span>참조리스트</span></a></li>";
  if ($ref_check=="ok"){echo "<li class='m1'>";}else{echo "<li class='m2'>";} echo "<a href='$g4[bbs_path]/board2.php?bo_table=approval&sca=%EC%83%9D%EC%82%B0&ref_check=ok&approver_id=$approver_id'><span>확인완료</span></a></li>";
//echo $sql;
 ?>

 </ul>
 </div>

<?}?>
    <!-- 제목 -->
    <form name="fboardlist" method="post">
    <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=''>

    <table width="100%" border=0 cellspacing="0" cellpadding="0" class="board_list">
    <col width="40" />
 <? if ($is_checkbox) { ?><col width="40"  /><? } ?><col />
    <? if ($approver_id <> "false") {?> <col width="120" /><?}?>

 <col width="120" />
 <col width="100" />
 <col width="150" />
 <col width="150" />
    <col width="60"  />
    <col width="400" />
 <col width="70" />
 
 <col width="70" />
 <col width="50" />
 <col width="30" />
    <? if ($is_good) { ?><col width="40" /><? } ?>
    <? if ($is_nogood) { ?><col width="40" /><? } ?>
    <tr>
        <th>번호</th>
        <? if ($is_checkbox) { ?><th><input onclick="if (this.checked) all_checked(true); else all_checked(false);" type="checkbox"></th><?}?>
        <th>제   목</th>
  <th>생산발주일</th>
  <th>납기예정일</th>
  <th>제품코드</th>
  <th>업체명</th>
  <th>제품명</th>
  <th>발주수량</th>

  <? if ($approver_id <> "false") {?><th>진행사항</th><?}?>
        <th>상신자</th>
        <th><?=subject_sort_link('wr_datetime', $qstr2, 1)?>날짜</a></th>
        <th><?=subject_sort_link('wr_hit', $qstr2, 1)?>조회</a></th>
        <? if ($is_good) { ?><th><?=subject_sort_link('wr_good', $qstr2, 1)?>추천</a></th><?}?>
        <? if ($is_nogood) { ?><th><?=subject_sort_link('wr_nogood', $qstr2, 1)?>비추천</a></th><?}?>
    </tr>​