有4个层，我把他放在td里面，可是td的高度变成了4个层的高度之和了，我现在想把td的高度设置成一个层的高度，怎么办？

新的图片为，上面的图片显示太慢了
http://www.tjhgc.com/p.gif

解决方案 »

  1.   

    用<div id="Layer1" style="position:absolute; ">,就不会变大了.
    如果你用的是相对的,那一定会拉长的.
    那样你可以用滚动显示.
      

  2.   

    换成absolute了，不行
    代码如下
    <!--#include file="ActiveCalendar.js"-->
    <!--#include file="xxrl.asp"-->
    <%dim sid
    sid = trim(request.QueryString("id"))
    if request("date_")="" then 
    re_date=date()
    else
    re_date=request("date_")
    end if
    %>
    <HTML>
    <HEAD>
    <title>统计信息</title>
    <link rel="stylesheet" type="text/css" href="theme/2/style.css">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
     <style>

    #borderrb
    {
    border-right: black 1px solid;
    border-top: black  0px solid;
    border-left: black 0px solid;
    border-bottom: black 1px solid;
    }
    #borderrb_
    {
    border-right: black 0px solid;
    border-top: black  0px solid;
    border-left: black 0px solid;
    border-bottom: black 1px solid;
    }
    #borderrb_nobottom
    {
    border-right: black 1px solid;
    border-top: black  1px solid;
    border-left: black 1px solid;
    border-bottom: black 0px solid;
    }
    #borderrb_noall
    {
    border-right: black 0px solid;
    border-top: black  0px solid;
    border-left: black 0px solid;
    border-bottom: black 0px solid;
    }
    #borderrb_noleft
    {
    border-right: black 1px solid;
    border-top: black  1px solid;
    border-left: black 0px solid;
    border-bottom: black 1px solid;
    }
    #borderrb_noright
    {
    border-right: black 0px solid;
    border-top: black  1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    }
    #borderrb_all
    {
    border-right: black 1px solid;
    border-top: black  1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    }
    #borderrb_notop
    {
    border-right: black 1px solid;
    border-top: black  0px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    }
    #borderrb_notopnoleft
    {
    border-right: black 1px solid;
    border-top: black  0px solid;
    border-left: black 0px solid;
    border-bottom: black 1px solid;
    }
    .tabp
    {
    border-color: #000000 #000000 #000000 #000000;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    }
    .wintitle{
    position:relative;
    left:-10px;
    z-index:0;
    background: url(images/tab2.gif);
    background-repeat: no-repeat;
    width:150px;
    height:25px;
    padding-left:15px;
    padding-top:4px;
    cursor:default;
    }
    .wintitle1{
    position:relative;
    left:130px;
    top:-25px;
    z-index:0;
    background: url(images/tab1.gif);
    background-repeat: no-repeat;
    width:150px;
    height:25px;
    padding-left:15px;
    padding-top:4px;
    cursor:default;
    }
    .wintitle2{
    position:relative;
    left:270px;
    top:-50px;
    z-index:0;
    background: url(images/tab1.gif);
    background-repeat: no-repeat;
    width:150px;
    height:25px;
    padding-left:15px;
    padding-top:4px;
    cursor:default;
    }
    .wintitle3{
    position:relative;
    left:410px;
    top:-75px;
    z-index:0;
    background: url(images/tab1.gif);
    background-repeat: no-repeat;
    width:150px;
    height:25px;
    padding-left:15px;
    padding-top:4px;
    cursor:default;
    }
    </style>
      

  3.   


    <script language=javascript>
       function hesuan(id,d){
          window.open('hesuan.asp?id='+id+"&date="+document.getElementById("date_").value,"pump","toolbar=no,menubar=no");
       }
       function change_(n){
          if(n==1){
             //alert(document.getElementById("m1").style.z-index)
             document.getElementById("m1").style.zIndex=1;
             document.getElementById("m2").style.zIndex=0;
             document.getElementById("m3").style.zIndex=0;
             document.getElementById("m4").style.zIndex=0;
             document.getElementById("m1").style.background='url(images/tab2.gif)';
             document.getElementById("m2").style.background='url(images/tab1.gif)';
             document.getElementById("m3").style.background='url(images/tab1.gif)';
             document.getElementById("m4").style.background='url(images/tab1.gif)';
             document.all.showpage.src='o_c.asp?id=<%=sid%>&date_=<%=re_date%>'
          }
          if(n==2){
             document.getElementById("m1").style.zIndex=0;
             document.getElementById("m2").style.zIndex=1;
             document.getElementById("m3").style.zIndex=0;
             document.getElementById("m4").style.zIndex=0;
             document.getElementById("m1").style.background='url(images/tab1.gif)';
             document.getElementById("m2").style.background='url(images/tab2.gif)';
             document.getElementById("m3").style.background='url(images/tab1.gif)';
             document.getElementById("m4").style.background='url(images/tab1.gif)';
             document.all.showpage.src='leiji.asp?id=<%=sid%>&date_=<%=re_date%>&type=1'
          }
          if(n==3){
             document.getElementById("m1").style.zIndex=0;
             document.getElementById("m2").style.zIndex=0;
             document.getElementById("m3").style.zIndex=1;
             document.getElementById("m4").style.zIndex=0;
             document.getElementById("m1").style.background='url(images/tab1.gif)';
             document.getElementById("m2").style.background='url(images/tab1.gif)';
             document.getElementById("m3").style.background='url(images/tab2.gif)';
             document.getElementById("m4").style.background='url(images/tab1.gif)';
             document.all.showpage.src='leiji.asp?id=<%=sid%>&date_=<%=re_date%>&type=2'
          }
          if(n==4){
             document.getElementById("m1").style.zIndex=0;
             document.getElementById("m2").style.zIndex=0;
             document.getElementById("m3").style.zIndex=0;
             document.getElementById("m4").style.zIndex=1;
             document.getElementById("m1").style.background='url(images/tab1.gif)';
             document.getElementById("m2").style.background='url(images/tab1.gif)';
             document.getElementById("m3").style.background='url(images/tab1.gif)';
             document.getElementById("m4").style.background='url(images/tab2.gif)';
             document.all.showpage.src='hesuan.asp?id=<%=sid%>&date_=<%=re_date%>'
          }
       }
    </script>
    </HEAD>
    <body  topmargin="0" leftmargin="0">
    <form   style="margin:0;font-size:11pt" name=form1 method=post action="leiji.asp?id=<%=sid%>">
    <table border="0" bgcolor="#d9e8ff" cellspacing="0" cellpadding="0"  width="100%">
    <tr>
    <td>
    <img src="images/dot3.gif" height="10" width="7">&nbsp;&nbsp;请点击选择时间：<input type=text id=date_ name=date_ value="<%if request("date_")="" then response.Write date() else response.Write request("date_")%>" readonly=true size=14 onmouseover="this.style.cursor='hand';"  onclick="setday(this);" >&nbsp;&nbsp;<input type=submit name=submit value="查询" ID="Submit1">
    </td>
    <!--
    <td>
    &nbsp;&nbsp;<input type=button name=month_tongji value="月核算表" onclick="hesuan(<%=sid%>,'<%if request("date_")="" then response.Write date() else response.Write request("date_")%>');" >
    </td>
    <td>
       <input type=button name=button1 value="开停泵统计" onclick="javascript:self.location.href='o_c.asp?id=<%=sid%>&date_=<%if request("date_")="" then response.Write date() else response.Write request("date_")%>';" >
    </td>
    -->
    </tr>
    </table>
    <table  class=tabp  width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
           <TD valign="bottom" nowrap height=10>
           <div id="m1" class=wintitle style="margin-left:0;z-index:1;" onclick="change_(1)" onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='';">开停泵统计</div>
           <div id="m2" class=wintitle1 style="margin-left:0;z-index:0;" onclick="change_(2)" onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='';">雨水泵累计</div>
           <div id="m3" class=wintitle2 style="margin-left:0;z-index:0;" onclick="change_(3)" onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='';">污水泵累计</div>
           <div id="m4" class=wintitle3 style="margin-left:0;z-index:0;" onclick="change_(4)" onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='';">月核算报表</div>
           </TD>
        </tr>
        
    <tr>
    <td width="928" valign="top">
    <iframe id=showpage src="o_c.asp?id=<%=sid%>&date_=<%=re_date%>" width=100% height=100% frameborder=0>
       
    </iframe>
    </td>
    </tr>
    </table>
    </form>
    </body>
    </HTML>
      

  4.   

    狼的
    <HTML>
    <HEAD>
     
    <style> 
    div
    {
    display: inline;
    }
    </style></HEAD>
    <BODY><P>
    <TABLE cellSpacing=1 cellPadding=1 width="75%" border=1>
      
      <TR>
        <TD >
          <DIV>1</DIV>
          <DIV>2</DIV>
          <DIV>3</DIV>
          <DIV>4</DIV>
        </TD>
       </TR>
    </TABLE></BODY>
    </HTML>