我用
<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但在别的人机子不和我分辨率一样的话就不行了,我要他能自动调整的
谢谢
我要怎么设置
谢谢
<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但在别的人机子不和我分辨率一样的话就不行了,我要他能自动调整的
谢谢
我要怎么设置
谢谢
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>
<!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>
BODY,HTML,FORM
{
height:100%;
}
</STYLE>
你的在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">
也不行
<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>
----------------------------------------------------------------
<!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去掉。