XHTML 1.0 下如何让table的高度为100%，UP也有分

Fly_free_ 2009-03-06 02:43:00



<table style="background-color:Black; width:100%; height:100%">

    <tr>

    <td></td>

    </tr>

    </table>

这样写在浏览的时候只能显示一条，
在HTML 4.01 下可以显示100%，但现在有需要不能用HTML 4.01，
不要说在body里设置背景色啊，我要的不是那个效果，
就是想在XHTML 1.0下让表格的高度占满全屏。

...全文

687 25 打赏收藏转发到动态举报

写回复

用AI写文章

25 条回复

切换为时间正序

请发表友善的回复…

发表回复

luckyju2008 2011-02-17

打赏
举报

有的回复登录了怎么还看不到

leboo 2010-07-08

打赏
举报

要对html\body也设置　100%

html,body{width:100%;height:100%;}

例子：





<!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=gb2312" />

<title>Untitled Document</title>

<style type="text/css">

html,body{ width:100%; height:100%;}

body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}

</style>

</head>

<table style="width:100%; height:100%" bgcolor="#009999"><tr><td ></td></tr></table>

<body>

</body>

</html>

banzi7 2009-11-24

打赏
举报

怎么解决的？

someonegp03 2009-09-01

打赏
举报

我也正遇到这个问题！

cpp2017 2009-03-06

打赏
举报

[Quote=引用 20 楼 Fly_free_ 的回复:]
引用 17 楼 cpp2017 的回复:
<script type="text/javascript">
SetHeight();
function SetHeight()
{
document.getElementById("tabel1").style.height = document.documentElement.clientHeight+"px";
}

window.onresize=function ()
{
SetHeight();
}
</script>

这段js脚本运行时报错啊
[/Quote]
应放在页面下端，不过还是用新方法吧

Fly_free_ 2009-03-06

打赏
举报

[Quote=引用 17 楼 cpp2017 的回复:]
<script type="text/javascript">
SetHeight();
function SetHeight()
{
document.getElementById("tabel1").style.height = document.documentElement.clientHeight+"px";
}

window.onresize=function ()
{
SetHeight();
}
</script>
[/Quote]
这段js脚本运行时报错啊

cpp2017 2009-03-06

打赏
举报

经测试试出来了一个办法,要把它所有的父元素的高度都设为100%,如

<html style="height:100%" >
<body style="height:100%">

当然简单一点可用css 来做.

<head runat="server">
<title>无标题页</title>
<style>
HTML,BODY,FORM
{
height:100%;
}
</style>
</head>

<body >

<FORM>
<table style="background-color:blue; width:100%; height:100%">
<tr>
<td>AAAAAAAAAA</td>
</tr>
</table>

wenblue7 2009-03-06

打赏
举报

<div id="div1" style="background-color:blue; width:100%; height:100%">
<table style="background-color:blue; width:100%; height:100%">
.............
</table>
</div>
我这样的可以啊
不会因为分辨率影响效果

cpp2017 2009-03-06

打赏
举报

Fly_free_ 2009-03-06

打赏
举报

12楼的IE下也可以，FF就不行了

Fly_free_ 2009-03-06

打赏
举报

8楼，9楼的方法IE6下都可以了，但FF下不行，不过我这暂时用的IE6 ，谢谢了

还是希望有IE，FF都兼容的方法出现啊

walkghost 2009-03-06

打赏
举报

[Quote=引用 12 楼 SANSWATER 的回复:]
给TABLE 加这样的属性
.TableStyle {width:99%; height:100%; margin:0.5%;font:normal 12px 宋体;}
[/Quote]
margin可以都设置为0.几。试试？

walkghost 2009-03-06

打赏
举报

[Quote=引用楼主 Fly_free_ 的帖子:]
HTML code<tablestyle="background-color:Black; width:100%; height:100%"><tr><td></td></tr></table>
这样写在浏览的时候只能显示一条，
在HTML 4.01 下可以显示100%，但现在有需要不能用HTML 4.01，
不要说在body里设置背景色啊，我要的不是那个效果，
就是想在XHTML 1.0下让表格的高度占满全屏。

[/Quote]
用div代替table。是在布局上用的么？

SANSWATER 2009-03-06

打赏
举报

给TABLE 加这样的属性
.TableStyle {width:99%; height:100%; margin:0.5%;font:normal 12px 宋体;}

lanxingxing 2009-03-06

打赏
举报

<body style="height:100%; width:100%">再去设table 100%

Fly_free_ 2009-03-06

打赏
举报

zzxap 你的方法不是我想要的，但谢谢了！

lanxingxing 2009-03-06

打赏
举报

body 设成100% 就哦了测试通过

cpp2017 2009-03-06

打赏
举报

如果是IE:可用 <table width="100%"

style="height:expression(document.documentElement.clientHeight)" border="1">

否则用js来设置.

zzxap 2009-03-06

打赏
举报





页可见区域宽： document.body.clientWidth

网页可见区域高： document.body.clientHeight

网页可见区域宽： document.body.offsetWidth (包括边线的宽)

网页可见区域高： document.body.offsetHeight (包括边线的高)

网页正文全文宽： document.body.scrollWidth

网页正文全文高： document.body.scrollHeight

网页被卷去的高： document.body.scrollTop

网页被卷去的左： document.body.scrollLeft

网页正文部分上： window.screenTop

网页正文部分左： window.screenLeft

屏幕分辨率的高： window.screen.height

屏幕分辨率的宽： window.screen.width

屏幕可用工作区高度： window.screen.availHeight

屏幕可用工作区宽度： window.screen.availWidth



<div id="asd" style="background-color:Black; width:100%; height:100%"> 

<table style="background-color:Black; width:window.screen.width; height:window.screen.height"> 

    <tr> 

    <td> </td> 

    </tr> 

    </table> 



</div>

Fly_free_ 2009-03-06

打赏
举报

[Quote=引用 5 楼 zzxap 的回复:]
<div id="asd" style="background-color:Black; width:100%; height:100%">
<table style="background-color:Black; width:1000px; height:700px">
<tr>
<td> </td>
</tr>
</table>

</div>
[/Quote]
...........我屏幕分辨率设1680*1050......
不要写固定高度啊

加载更多回复（5）