function MouseDownToResize(obj)
{
obj.mouseDownX=event.clientX; obj.pareneTdW=obj.parentElement.offsetWidth; obj.pareneTableW=theObjTable.offsetWidth; obj.setCapture();
}
function MouseMoveToResize(obj)
{ if(!obj.mouseDownX) return false; var newWidth=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX; if(newWidth>0) { obj.parentElement.style.width = newWidth; theObjTable.style.width=obj.pareneTableW*1+event.clientX*1-obj.mouseDownX; }
}
function MouseUpToResize(obj)
{ obj.releaseCapture(); obj.mouseDownX=0; }
=============================================
<style> .resizeDivClass { position:relative; background-color:red; width:1; z-index:100; float:right; left:1; cursor:e-resize; }
</style>
============================================
<body MS_POSITIONING="GridLayout">
改变table的列宽度
<table id="theObjTable" STYLE="TABLE-LAYOUT:fixed; WIDTH:731px; HEIGHT:96px">
<tr bgcolor="#cccccc">
<td valign="top">
<font οnmοusedοwn="MouseDownToResize(this);" οnmοusemοve="MouseMoveToResize(this);" οnmοuseup="MouseUpToResize(this);">
</font>aaa</td>
<td valign="top">
<font class="resizeDivClass" οnmοusedοwn="MouseDownToResize(this);" οnmοusemοve="MouseMoveToResize(this);"
οnmοuseup="MouseUpToResize(this);"></font>ddd</td>
<td valign="top">
<font class="resizeDivClass" οnmοusedοwn="MouseDownToResize(this);" οnmοusemοve="MouseMoveToResize(this);"
οnmοuseup="MouseUpToResize(this);"></font>ddd</td>
</tr>
<tr>
<td>aaaa fdsa fda fdsa fdsa fdsa fdsa fdsa fda fdsa fdsafdsa fdsa fdsa a</td>
<td>bbbb</td>
<td>dddd</td>
</tr>
</table>
</body>