div用样式了也可以 style="padding-left:310px;"

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><head>
    <meta http-equiv="Content-Language" content="zh-cn" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>teststseeeeeeeeeew</title>
    </head><body>
    <div style="position:absolute;top:0;left:0;">
    <table width="100%" border="1" cellspacing="0" cellpadding="0" id="tb1">
      <tr> 
        <td colspan="3">&nbsp;</td>
      </tr>
      <tr> 
        <td height="500">&nbsp;</td>
        <td height="500" id="td1">teststseeeeeeeeeew</td>
        <td height="500">Tool</td>
      </tr>
    </table>
    <div id="div1" style="position:absolute;top:0;left:0;">
    <img src="J0099168.JPG" width="209" height="186" alt="" />
    </div>
    </div>
    </body>
    </html>
    <script  language="javascript" type="text/javascript">
    function run()
    {
    var td=document.getElementById('td1');
    var tb=document.getElementById('tb1');
    var div=document.getElementById('div1');
    var top=findOffsetTop(td)+td.offsetHeight;
    var left=findOffsetLeft(td)+td.offsetWidth-div.offsetWidth;
    div.style.top=top;
    div.style.left=left;
    }
    function findOffsetTop(o)
    {
    var t = 0;
    if (o.offsetParent)
    {
    while (o.offsetParent)
    {
    t += o.offsetTop;
    o  = o.offsetParent;
    }
    }
    return t;
    }
    function findOffsetLeft(o)
    {
    var t = 0;
    if (o.offsetParent)
    {
    while (o.offsetParent)
    {
    t += o.offsetLeft;
    o  = o.offsetParent;
    }
    }
    return t;
    }
    run();
    </script>有个不好的地方.表格外套的div使用了position
    如果不使用的话,虽然表格左上角坐标是0,0 但是页面显示表格的左边和右边距离浏览器边界却有一段距离.这段距离是怎么回事?楼下的给完善下...