我用
<table width="100%" height="100%">
 <tr>
  <td>
      ....这里一个Table上
  </td>
 </tr>
 <tr>
  <td>
      ....这里一个Table中
  </td>
 </tr>
 <tr>
  <td>
      ....这里一个Table下
  </td>
 </tr>
</table>
-----------
Table上的高大概是:120px 中为:200px 下为:100px
我想要在页面中的显示效果为:
Table上:在页面最上面
Table下:在页面最下面
Table中:在页面的中间
但不管我怎么设置,Table下,都不会在最下面而是跟在Table中的下面
如果我用固定的如Table上=120 Table中=500 Table下=100
这样虽然可以在我的机子分辨率下OK但在别的人机子不和我分辨率一样的话就不行了,我要他能自动调整的
谢谢
我要怎么设置
谢谢

解决方案 »

  1.   

    <%@ Page Language="C#" AutoEventWireup="true" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script runat="server">
    protected void Page_Load(object sender, EventArgs e)
    {}
    </script><html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
      <title></title>
    </head>
    <body>
      <form id="MengXianhui" runat="server">  
    <table width="100%" height="100%">
     <tr>
      <td style="background:red;height:120px;">
          ....这里一个Table上
      </td>
     </tr>
     <tr>
      <td style="background:blue;height:200px;">
          ....这里一个Table中
      </td>
     </tr>
     <tr>
      <td style="background:green;height:100px;">
          ....这里一个Table下
      </td>
     </tr>
    </table>
      </form>
    </body>
    </html>
      

  2.   

    这三个表格放在三个不同的Div中,用js获取用户屏幕的分辨率后调整div的位置
      

  3.   

    呵呵,最近zyciis开头的帐号 的问题很多呀!
      

  4.   

    去掉:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">然后:  <TABLE width="100%" border="1" height="100%">
     <TR>
      <TD style="background:red;height:120px;">
          ....这里一个Table上
      </TD>
     </TR>
     <TR>
      <TD height="100%" >
           
           <TABLE width="100%" style="background:blue;height:200px;">
    <TR>
    <TD>中</TD>
    </TR>
           </TABLE>
      </TD>
     </TR>
     <TR>
      <TD style="background:green;height:100px;">
          ....这里一个Table下
      </TD>
     </TR>
    </TABLE>
      

  5.   

    或者在heade中加上 <STYLE>
    BODY,HTML,FORM
    {
    height:100%;
    }
     </STYLE>
      

  6.   

    cpp2017(慕白兄) 
    你的在aspx中无效
    就算删除了
    <!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">
    也不行
      

  7.   

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login_Agent.aspx.cs" Inherits="CSS_Login_Agent" %><html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>无标题页</title>
        <link href="images/Style.css" rel="stylesheet" type="text/css" />    
    </head>
    <body>
        <form id="form1" runat="server">
            <table  width="100%" height="100%">>
     <tr>
     <td style="height=72px">
                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td class="login_top" align="right">
                                <table border=0 cellspacing="10">
                                <tr><td><font color="white">设为首页</font></td>
                                <td><font color="white">帮助</font></td>
                                </tr>
                                   </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign="middle" height="100%">
                        <table border="0" width="100%" heigth="100%">
                            <tr>
                                <td width="45%" style="padding-right: 20px">
                                    <table border="0" cellpadding="0" cellspacing="6" align="right">
                                        <tr>
                                            <td colspan="2">
                                                <img src="images/logo.gif"></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <img src="images/login_left2.gif" alt="" /></td>
                                            <td>
                                                <b>超快速度:</b><br />
                                                多服务器和大型数据库服务,<br />
                                                保证快速的网络速度!</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <img src="images/login_left3.gif" alt="" /></td>
                                            <td>
                                                <b>安全稳定:</b><br />
                                                IBM工业标,能够快速且安全的部署<br />
                                                网际网络应用程序!</td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="55%" style="background-image: url(images/login_line.gif); background-repeat: no-repeat;
                                    padding-left: 20px;">
                                    <table border="0" cellspacing="6">
                                        <tr>
                                            <td colspan="2" class="MR_ctitle">
                                                天下票务全国票务第一品牌</td>
                                        </tr>
                                        <tr>
                                            <td colspan="2" class="MR_Ltitle">
                                                用户登录</td>
                                        </tr>
                                        <tr>
                                            <td style="height: 24px">
                                                用户名</td>
                                            <td style="height: 24px">
                                                <asp:TextBox ID="txt_ID" runat="server" onMouseOver="this.style.borderColor='#70B1CF'"
                                                    onMouseOut="this.style.borderColor='#B2D1DF'" MaxLength="15" Width="160px" CssClass="Login" /></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                密 码</td>
                                            <td>
                                                <asp:TextBox ID="txt_Pass" runat="server" onMouseOver="this.style.borderColor='#70B1CF'"
                                                    onMouseOut="this.style.borderColor='#B2D1DF'" MaxLength="15" Width="160px" CssClass="Login" /></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                验证码</td>
                                            <td>
                                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                    <tr>
                                                        <td>
                                                            <asp:TextBox ID="txt_IsValid" runat="server" onMouseOver="this.style.borderColor='#70B1CF'"
                                                                onMouseOut="this.style.borderColor='#B2D1DF'" MaxLength="15" Width="50px" CssClass="Login" /></td>
                                                        <td align="right">
                                                            <img src="CheckCode.aspx" align="top" alt="验证码" /></td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                            </td>
                                            <td>
                                                <br>
                                                <asp:Button ID="Button1" runat="server" Text="登录" class="btn82" onmousemove="this.className='btn82Over'"
                                                    onmouseout="this.className='btn82'" OnClick="Button1_Click" /></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign="bottom" style="height:150px">
                        <table width="100%" border="0">
                            <tr>
                                <td style="background-image: url(images/login_foot.gif); height: 26px">
                                </td>
                            </tr>
                        </table>
                        <table border="0" cellspacing="5" align="center">
                            <tr>
                                <td>
                                    关于天客
                                </td>
                                <td>
                                </td>
                                <td>
                                    责任声明
                                </td>
                                <td>
                                    客户服务
                                </td>
                                <td>
                                    联系我们
                                </td>
                            </tr>
                        </table>
                        <table border="0" cellspacing="5" align="center">
                            <tr>
                                <td>
                                    相关法律
                                </td>
                                <td>
                                天客信息技术公司版权所有 Copyright:2006-2007
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </form>
    </body>
    </html>
      

  8.   

    我运行你上面的代码都是可以的.是不是Style.css是里面有什么设置?
      

  9.   

    现在都什么年代了,还搞那么复杂的<table />嵌套排版,这样就行啦:
    ----------------------------------------------------------------
    <!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-Type" content="text/html; charset=utf-8" />
    <title>ABC</title>
    </head><body><div style="position: absolute; top: 0; height: 120px">表格1</div>
    <div style="position: absolute; top: 120px; height: 200px">表格2</div>
    <div style="position: absolute; bottom: 0; height: 100px">表格3</div></body></html>
    ----------------------------------------------------------------
    在IE7和FF2中测试有效,在IE6中如果无效的话就要做一些调整了,记住别把那个doctype去掉。
      

  10.   

    提醒你一件事,这3个区域加起来高度420px,如果浏览器可视区域高度院大于这个值,界面将会很难看,因为中间一大片空白;如果小于这个值,将会出现重叠(根据你的规则,而不是CSS有问题)。