<HTML>
<Head>
<Title> </title>
<Style>
. Resizedivclass
...{
Position: relative;
Background-color: balck;
Width: 2;
Z-index: 1;
Left: expression (this. parentelement. offsetWidth-1 );
Cursor: E-resize;
}
</Style>
<Script language = JavaScript>
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;
}
</SCRIPT>
</Head>
<Body>
<Table id = theobjtable style = "table-layout: fixed">
<Tr bgcolor = cccccc>
<TD valign = top>
<Font class = "resizedivclass" onmousedown = "mousedowntoresize (this);" onmousemove = "mousemovetoresize (this);" onmouseup = "mouseuptoresize (this);"> </font>
Name </TD>
<TD valign = top>
<Font class = "resizedivclass" onmousedown = "mousedowntoresize (this);" onmousemove = "mousemovetoresize (this);" onmouseup = "mouseuptoresize (this);"> </font>
Unit </TD>
<TD valign = top>
<Font class = "resizedivclass" onmousedown = "mousedowntoresize (this);" onmousemove = "mousemovetoresize (this);" onmouseup = "mouseuptoresize (this);"> </font>
Address </TD>
</Tr>
<Tr>
<TD> light rain </TD> <TD> Information Center </TD> <TD> Haidian District, Beijing </TD>
</Tr>
</Table>
</Body>
</Html>
