IE8中的table问题

joannazhu 2012-07-26 10:55:05

<!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>
<title>学院论坛</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link rel="stylesheet" href="share/style.css" type="text/css" media="all"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<style type="text/css">
html,body{
margin:0;
height:100%;
padding:0;
}
</style>
</head>
<body>
<table bgcolor="#FFFFFF" width="100%" cellpadding="0" cellspacing="0" border="0" >
<tr>
<td width="100%">
<table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">
<tr>
<td height="100%" >
<!--子table达不到父元素td的高度-->
<table height="100%" >
<tr height="1%" bgcolor="#FF0000"><td></td></tr>
<tr height="98%" bgcolor="#00FF00"><td></td></tr>
<tr height="1%" bgcolor="#0000FF"><td></td></tr>
</table>
</td>

<td>
<table bgcolor="#ffffff">
<tr><td>
<table>
<tr><td>ee</td>
<td>ee</td>
</tr></table>
</td></tr>
<tr><td>ee</td></tr>
</table>
</td>

</tr>
</table>
</td>
</tr>
</table>

</body>
</html>

td中嵌套table,在IE8中table无法达到父元素td的高度,删除

<!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">

可以解决,请问不删除的话怎么解决呀?
...全文
352 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
joannazhu 2012-07-28
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 的回复:]

你嵌套的tabel太多了 这样弄不是很好
你就说你想要什么样的效果 大家帮你想办法实现
[/Quote]
就是看到了一个例子,不明白为啥IE8下面子table为什么填充不了父td的高度呢,去掉文档类型就行,不知道为啥
lw5853103 2012-07-27
  • 打赏
  • 举报
回复
你嵌套的tabel太多了 这样弄不是很好
你就说你想要什么样的效果 大家帮你想办法实现
小昭 2012-07-27
  • 打赏
  • 举报
回复
都用百分比,我从不以为HTML真有这么智能。兼容到时候也会调死人的。
似梦飞花 2012-07-27
  • 打赏
  • 举报
回复
function init(){
var a=document.getElementById("test");
alert(a.parentNode.height);
}
window.onload=init;
设个id获得到的是100%
赱在岸上的鱼 2012-07-27
  • 打赏
  • 举报
回复
改文档类型
d945332077 2012-07-26
  • 打赏
  • 举报
回复
呵呵 估计是你所有的都用了%,因为你的td也是%所以不确定高度,所以、、。。。。这年头居然还有td套table的!!!!!!哈哈
1. HTML对象获取问题 3 2. const问题 3 3. event.x与event.y问题 3 4. window.location.href问题 3 5. frame问题 3 6. 模态和非模态窗口问题 3 7. firefox与IE的父元素(parentElement)的区别 3 8. document.formName.item(”itemName”) 问题 3 9. 集合类对象问题 3 10. 自定义属性问题 3 11. input.type属性问题 3 12. event.srcElement问题 3 13. body载入问题 3 14. 事件委托方法 3 15. Table操作问题 3 16. 对象宽高赋值问题 3 Ø CSS 3 1. cursor:hand VS cursor:pointer 3 2. innerText在IE能正常工作,但在FireFox却不行. 3 3. CSS透明 3 4. css的width和padding 3 5. FF和IE BOX模型解释不一致导致相差2px 3 6. IE5 和IE6的BOX解释不一致 3 7. ul和ol列表缩进问题 3 8. 元素水平居问题 3 9. Div的垂直居问题 3 10. margin加倍的问题 3 11. IE与宽度和高度的问题 3 12. 页面的最小宽度 3 13. DIV浮动IE文本产生3象素的bug 3 14. IE捉迷藏的问题 3 15. float的div闭合;清除浮动;自适应高度 3 16. 高度不适应 3 17. IE6下图片下有空隙产生 3 18. 对齐文本与文本输入框 3 19. LI内容超过长度后以省略号显示 3 20. 为什么web标准IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24. FORM标签 3 25. 属性选择器(这个不能算是兼容,是隐藏css的一个bug) 3 26. 为什么FF下文本无法撑开容器的高度 3

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧