`

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

    XML的一个关键特点是它允许开发者自定义标签和属性，从而可以创建出无限种可能的标记来描述复杂的数据结构。XML的主要优势在于它具有可读性、易于扩展以及支持数据交换的标准化，使其成为数据交换的理想选择。XML常...

    DHTML中文参考手册

    **DHTML中文参考手册概述** ...总之，DHTML中文参考手册是一个综合性的资源，涵盖了构建动态、交互式网页所需的所有核心组件。无论你是初学者还是经验丰富的开发者，都能从中找到有价值的信息，提升你的Web开发技能。

    DHTML中文帮助手册CHM格式

    这份DHTML中文手册对于初学者和有一定经验的开发者都是宝贵的参考资料，无论你是想了解DHTML的基本原理，还是寻求解决特定问题的方法，都能在这个手册中找到答案。通过深入学习和实践，你可以掌握创建动态、交互式...

    DHTML中文参考手册(CHM)

    这个CHM（Compiled Help Manual）文件是针对DHTML技术的一个详细指南，提供了全面的中文参考资料，对于学习和掌握DHTML技术的开发者来说是一份非常宝贵的资源。 **DHTML** 是在Web开发中用于描述页面元素如何动态...

    DHTML手册 DHTML手册

    DHTML，全称为Dynamic HTML，是一种利用...而"说明.htm"和"readme.txt"可能是关于DHTML手册的详细说明和指南，"DHTML手册(CHM)"则可能是一个包含更多DHTML相关知识的离线帮助文件，对深入学习和理解DHTML非常有帮助。

    DHTML中文文档 用户手册

    **DHTML中文文档用户手册** 是一份针对动态超文本标记语言（DHTML）技术的详细指南，旨在帮助用户深入理解和应用这一技术。DHTML是一种在Web页面上实现交互性和动态效果的技术，它结合了HTML、CSS、JavaScript以及...

    CSS+DHTML中文手册

    3. **层叠与继承**：CSS中的“级联”意味着多个样式规则可以应用于一个元素，而“继承”则指子元素可以从父元素继承某些样式。 4. **媒体查询**：CSS2.0支持媒体查询，允许样式根据设备特性（如屏幕分辨率、方向等...

    DHTML 手册中文文档

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

    DHTML用户界面，使用方便

    压缩包中的“dhtmlxwindows_std_full.zip”可能是一个包含dhtmlxSuite组件的压缩文件，dhtmlxWindows是一个窗口管理器，允许在Web应用中创建弹出窗口、对话框和浮动面板。这个库通常包含JavaScript和CSS文件，以及...

    Dhtml手册(Dhtml手册.chm)

    9. **学习资源**：Dhtml手册.chm提供了关于DHTML的详细教程和参考，包括基本概念、语法、示例以及解决常见问题的方法，是学习DHTML的得力助手。 10. **现代Web技术的演变**：虽然现在许多DHTML的功能已经被更先进的...

    DHTML 默认行为中文手册

    5. **Ajax通信**：DHTML的一个关键特性是利用Ajax（异步JavaScript和XML）进行后台数据交换，实现页面局部更新。手册将涵盖XMLHttpRequest对象的使用和JSON数据的处理。 6. **浏览器兼容性**：由于不同的浏览器可能...

    DHTML 手册 DHTML 手册

    DOM 是一个标准的编程接口，它将HTML或XML文档表示为一棵可操作的树形结构。通过JavaScript，开发者可以访问和修改DOM中的任何元素，从而实现动态更新页面内容。例如，可以添加新元素、删除现有元素或改变元素的属性...

    DHTML手册中文chm版下载

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

    Dhtml帮助文档 (Dhtml帮助文档)

    在压缩包文件“dhtmlxSuite1”中，可能包含了DHTMLX Suite，这是一个流行的JavaScript UI库，用于构建富客户端Web应用。DHTMLX Suite提供了各种组件，如表格、树形视图、日历、菜单、对话框等，这些组件允许开发者...

    DHTML中文手册-chm版

    《DHTML中文手册》是一部全面解析DHTML技术的宝贵资源，尤其对于中文用户来说，它提供了易懂且详尽的指导。DHTML，全称Dynamic HTML，是一种在网页上实现动态交互效果的技术，它结合了HTML、CSS、JavaScript以及DOM...

    DHTML 中文手册

    **DHTML 中文手册**是一份详尽的API文档，主要涵盖了HTML的相关技术和JavaScript操作页面的方法，旨在帮助用户解决在HTML编程过程中遇到的各种问题。这份手册以中文呈现，便于中文使用者理解和学习，尤其适合HTML...

    dhtml.net 1.1版

    总的来说，DHTML.net 1.1版是一个强大且实用的工具，它将JavaScript语法解析与网页抓取相结合，解决了动态网页内容获取的难题。无论你是数据分析师、网页开发者，还是研究者，DHTML.net都能为你提供强大的支持，助你...

    DHTML中文帮助手册

    DHTML（Dynamic HTML）中文帮助手册是一份针对前端开发者极其重要的资源，它涵盖了DHTML的基础概念、技术原理以及实际应用。这份手册详细解释了如何利用HTML、CSS、JavaScript和DOM（Document Object Model）来实现...

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