`

xhtml(dhtml)中table 中间自适应高度的一个解决方法

XHTMLIE浏览器CSSHTML 
阅读更多

xhtml中table 中间自适应高度的在火狐下是没有问题的
ie下要用expression解决
height:expression(document.body.clientHeight-45 + "px" );
其中这个-45高度要根据上下高度来决定的，例子中上下高度和为30，如果把-45改为41以下则浏览器会破溃掉的，即这个值必须比上下高度和多12以上才行。

expression高度设置正确下效率没什么问题，ie内置的东西对他自己来说效率没什么问题的。

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>xhtml(dhtml)中table 中间自适应高度</title>
<style type="text/css"> 
html,body 
{ 
    padding:0px; margin:0px; height:100%; width:100%; 
} 
.autoHeight 
{
	height:expression(document.body.clientHeight-42 + "px" ); padding:0px; margin:0px;border:solid 1px green; 
}
</style> 
</head> 
<body>
	<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
		<tr>
			<td height="15" align="center">top</td>
		</tr>
		<tr>
			<td align="center" valign="top" style="border:solid 1px red;">
			<div class="autoHeight">
				height:expression(document.body.clientHeight-45 + "px" );
				其中这个-45高度要根据上下高度来决定的，例子中上下高度和为30，如果把-45改为41以下则浏览器会破溃掉的，即这个值必须比上下高度和多12以上才行。
			</div>
			</td>
		</tr>
		<tr>
			<td height="15" align="center">bottom</td>
		</tr>
	</table>
</body> 
</html>

 

分享到：
| else if 与反射invoke性能比较测试（用于se ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    html xml xhtml dhtml

    html xml xhtml dhtml html xml xhtml dhtml html xml xhtml dhtml html xml xhtml dhtml

    DHTML中文参考手册

    一套完整的DHTML中文文档的说明,内容包含所有的DHTML标签和各种常用的方法！

    DHTML 手册中文文档

    DHTML 完全手册 动态 HTML (DHTML) 对象模型参考 &lt;br&gt;DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 &lt;br&gt;HTML 元素 HTML 字符集 样式表(CSS)参考 &lt;br...

    DHTML 手册 DHTML 手册

    DHTML 手册 DHTML 手册 DHTML 手册 DHTML 手册

    DHTML手册中文chm版下载

    帮助你进行动态的网页制作。。。网页制作完全手册下载 。。DHTML 对象 DHTML 属性 DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考。。DHTML手册中文chm版下载

    DHTML中文文档 用户手册

    DHTML中文文档 用户手册 博文链接：https://boris-song.iteye.com/blog/233965

    CSS+DHTML中文手册

    CSS和DHTML中文帮助手册，学网页者不可缺少的查询工具

    DHTML 默认行为中文手册

    DHTML 默认行为中文手册 DHTML 默认行为中文手册 DHTML 默认行为中文手册

    DHTML中文帮助手册CHM格式

    这是一个多功能的DHTML中文手册，上传上来希望能帮助到有需要的人。

    DHTML中文使用手册最新版

    DHTML中文使用手册最新版

    DHTML中文手册-chm版

    非常实用的DHTML中文手册 各个标签都有实例演示

    DHTML.api手册

    如果需要做一个全局的改变，只需简单地改变样式，Web 中所有的元素都会被自动地更新。 　文档对象模型（DOM） 　DOM 指文档对象模型。 　HTML DOM 是针对 HTML 的文档对象模型。 　HTML DOM 定义了针对 HTML 的...

    HTML+XHTML+CSS+JavaScript+DOM+AJAX语法及范例实用辞典 (张亚飞)【PDF】

    HTML+XHTML+CSS+JavaScript+DOM+AJAX语法及范例实用辞典是一本系统、全面的语法和范例辞典，详尽介绍了html、xhtml、css、javascript、dom、ajax这6种技术的语法。全书共分5章，书中不但对语法进行了理论讲解，而且...

    DHTML手册 DHTML

    DHTML手册 DHTML

    DHTML中文API文档

    这是一本对HTML，CSS，JS都有所介绍的部分汉化的API，内容很全，十分适合页面开发人员。

    dhtml参考手册 chm版本

    DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 HTML 元素 HTML 字符集 样式表(CSS)参考 CSS 属性参考 CSS 长度单位参考 其他参考 命令标识符 缺省行为参考 htc 行为参考 可视化滤镜和切换参考 ...

    DHTML参考手册DHTML参考手册

    DHTML 方法 DHTML 事件 DHTML 集合 HTML 参考 HTML 元素 HTML 字符集 样式表(CSS)参考 CSS 属性参考 CSS 长度单位参考 其他参考 命令标识符 缺省行为参考 htc 行为参考 可视化滤镜和切换参考 ...

    DHTML动态网页设计(完整课件)

    DHTML 是一个营销术语 - 被网景公司（Netscape）和微软公司用来描述 4.x 代浏览器应当支持的新技术。 DHTML 是一种用来创建动态站点的技术组合物。对大多数人来说，DHTML 意味着 HTML 4.0、样式表以及 JavaScript 的...

    Dhtml手册(Dhtml手册.chm)

    Dhtml手册(Dhtml手册.chm)

Magicbox
Global site tag (gtag.js) - Google Analytics