try:<form>
<table>
<tr><td><select>...</select></td></tr>
<tr><td><input type=radio>radio1<input type=radio>radio2</td></tr><tr>
<td valign="top">
   <table border="0">
   <tr><td>
   <DIV id="div1" style='display:block'>
   <table>
   <tr>...</tr>
   <tr>...</tr>
   <tr>...</tr>
   </table>
   </DIV>   <DIV id="div2" style='display:none'>
   <table>
   <tr>...</tr>
   <tr>...</tr>
   </table>
   </DIV>
</tr></td></table>
</td>
</tr>
<tr><td><select>...</select></td></tr>
<tr><td><select>...</select></td></tr>
...
</table>
</from>

解决方案 »

  1.   

    同意把按钮放到前面。或者将所有的table框在一个总div里面,给这个总div以固定的宽高。
      

  2.   

    干吗非得把DIV放到TD里面,直接放网页上不更好吗
      

  3.   

    意见:
      1.你的系统用frameset来做更好,左边是菜单或导航,右边是显示。
      2.你说的问题不要用绝对定位,就可以实现。 或者动态改变控件的位置,关于如果取得none后的位置,你可以用下面的函数试试:
    function getleft(e){
    var l=e.offsetLeft; 
    while(e=e.offsetParent) 
    l += e.offsetLeft; 
    return l;
    }
    function gettop(e) {
    var t=e.offsetTop;  
    while(e=e.offsetParent) 
    t += e.offsetTop; 
    return t;
    }
      

  4.   

    xinyunyishui(心云意水) 的方法试过了还是不行.hbzyduwu(鞋带又松了~):
    -->1.你的系统用frameset来做更好,左边是菜单或导航,右边是显示。
    我的系统确实是按这种方式做的,分左右两个frame.-->2.你说的问题不要用绝对定位,就可以实现。 或者动态改变控件的位置
    我想实现的效果有点类似window中的选项卡,
    选择不同的单选钮(与点击不同的选项卡标签类似),就出现不同的界面,
    如果用浮到的图层来实现,出来的效果不符合实际,页面上的表单
    元素比较多(50几项),而且各类元素之间又分各种层次,比如如果选择
    a,则只出现1,2,3,接着选2时,再出现4,5,6我还是想提一下我上次问的时候提到的一个问题:
    就是将上面的页面在一个新窗口打开的话,不存在页面布局混乱问题,
    但是如果在右边的frame显示时就会有上面的问题,问题会不会出在frame上,
    有什么API可以动态调整页面的部局(主要是在拖动滚动条后),
    如果要动态改变其他控件的位置,好像有点难度(表单元素比较多)
    我对JavaScript和html不太熟,还请各位多多指点,谢谢!!!
      

  5.   

    a.选项卡:
     你可以用js+css实现,参考:
     http://www.cjol.com/main/jobseeker/JobTemplates/Default/CN/JobDetail.asp?CompanyID=154601&JobPostID=&FromFlag=&Language=CN&Page=1&TemplateID=Default
     当点击不同的“选项”,让页面中iframe引导到不同的页面!b.动态更变位置?
    window.onresize() = function() {
      //来调整,当窗口改变大小时.
    }
    window.body.onscroll() = function() {
      //来调整,当滚动条改变时处理代码.
    }自己试试,其实不难!
      

  6.   

    不好意思,块了。写错了~window.onresize = function() {
      //来调整,当窗口改变大小时.
    }
    window.onscroll = function() {
      //来调整,当滚动条改变时处理代码.
    }
      

  7.   

    还是不太满意,不过还是谢谢先!源文件太大了,有些东西也不好放到这里,以下是一个简化的,
    可以直接另存为html文件看看效果:
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    </HEAD><BODY><script language="javascript">
    function click_csxjkr() {
    if(document.form1.csxjkr[0].checked) {
    cs_div1.style.display='block';
    cs_div2.style.display='none';
    }
    else if(document.form1.csxjkr[1].checked) {
    cs_div1.style.display='none';
    cs_div2.style.display='block';
    }
    }
    </script>
    <FORM name=form1 method="post">
    <TABLE cellSpacing=1 cellPadding=1 width="100%" height="100%" align=center border=1>
    <TR>
    <TD rowspan=2>DIV测试:</TD>
    <TD colspan=100>第1层:
    <input type=radio name=csxjkr value=1 onclick="click_csxjkr()" checked>radio1.1
    <input type=radio name=csxjkr value=2 onclick="click_csxjkr()" >radio1.2</font>
    </TD>
    </TR>
    <TR>
    <TD colspan=100>
    <DIV id="cs_div1" style='display:block'>
    <TABLE cellSpacing=1 cellPadding=1 width="100%" height="100%" align=center border=1>
    <TR>
    <TD>第2层:
    <input type=radio name=csfs value=1 onclick="click_csfs()" checked>radio2.1
    <input type=radio name=csfs value=2 onclick="click_csfs()" >radio2.2
    </TD>
    </TR>
    <script language="javascript">
    function click_csfs() {
    if(document.form1.csfs[0].checked) {
    cs_div11.style.display='block';
    cs_div12.style.display='none';
    }
    else if(document.form1.csfs[1].checked) {
    cs_div11.style.display='none';
    cs_div12.style.display='block';
    }
    }
    </script> <TR>
    <TD nowrap>
    <DIV id="cs_div11" style='display:block'>
    <TABLE cellSpacing=1 cellPadding=1 width="100%" align=center border=1>
    <TR valign=bottom>
    <TD nowrap>2.1.1<input type=text></TD>
    <TD nowrap>2.1.2<input type=text></TD>
    <TD nowrap>2.1.3<input type=text></TD>
    </TR>
    </TABLE>
    </DIV> <DIV id="cs_div12" style='display:none'>
    <TABLE cellSpacing=1 cellPadding=1 width="100%" height="100%" align=center border=1>
    <TR valign=bottom>
    <TD nowrap>2.2.1<input type=text></TD>
    <TD nowrap>2.2.2<input type=text></TD>
    <TD nowrap>2.2.3<input type=text></TD>
    </TR>
    <TR valign=bottom>
    <TD nowrap>2.2.4<input type=text></TD>
    <TD nowrap>2.2.5<input type=text></TD>
    <TD nowrap>2.2.6<input type=text></TD>
    </TR>
    </TABLE>
    </DIV>
    </TD>
    </TR>
    </TABLE>
    </DIV> <DIV id="cs_div2" style='display:none'>
    <TABLE cellSpacing=1 cellPadding=1 width="100%" height="100%" align=center border=1>
    <TR>
    <TD nowrap>1.2.1<input type=text></TD>
    <TD nowrap>1.2.2<input type=text></TD>
    </TR>
    </TABLE>
    </DIV>
    </TD>
    </TR>
    </TABLE>
    </FORM></BODY></HTML>
      

  8.   

    是不是这样<style='overflow: auto;display:none'>,
    我试了行。
      

  9.   

    -->是不是这样<style='overflow: auto;display:none'>,
    -->我试了行。奇怪少了个"不"字