首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

关于table布局中自适应高度的解决方法

2012-11-16 
关于table布局中自适应高度的解决办法可支持IE6+,firefox,chrome。其中容易被忽略的是DOCTYPE HTML PUBLIC

关于table布局中自适应高度的解决办法
可支持IE6+,firefox,chrome。其中容易被忽略的是
<DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.0 Transitional//EN">
,不能使用XHTML

<DOCTYPE HTML PUBLIC "-//W3C//DTDHTML 4.0 Transitional//EN"><html><HEAD><title>table布局中自适应高度的解决办法</title><style type="text/css">html,body{height:100%;font-size:12px;}td {border:1px solid red;font-size: 12px;color: #000000;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}#main{border:1px solid red;width:100%;min-height:100%;height:100%;overflow:hidden !important;overflow: visible;}#header{height:94px;border:1px solid red;}</style></head><body><table id="main"><tr><td id="header">我的顶部</td></tr><tr><td>我是主要内容</td></tr></table></body></html>
1 楼 suiye007 2010-10-08   哈哈,我马上试试,以前看到的都是JS解决的,麻烦!

热点排行