关于IE8 div中嵌套表格出现表格 div自动下移问题？ ie6,ie7下正常，ie8下。就错位了，求高手解答
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div style="height:180px; width:740px; background:#336;">
<table style=" height:110px; width:710px; margin-top:55px; background:#0F6; margin-left:10px;" >
<tr>
<td> </td>
<td> </td>
<td></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div style="height:180px; width:740px; background:#336;">
<table style=" height:110px; width:710px; margin-top:55px; background:#0F6; margin-left:10px;" >
<tr>
<td> </td>
<td> </td>
<td></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html> 展开
4个回答
展开全部
这是margin-top的bug :
ie8 在火狐的时候 当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,内层元素的margin-top作用于父元素
解决方法
1. 将外层div 的style 加一个 border-top:1px #336 solid （明确父框的边界）
2. 把内层table 的 margin-top:55px 放到外层div 用padding-top表现
3. 内层table 的style加一个 display:inline
以上都可以解决
ie8 在火狐的时候 当两个容器嵌套时,如果外层容器和内层容器之间没有别的元素,内层元素的margin-top作用于父元素
解决方法
1. 将外层div 的style 加一个 border-top:1px #336 solid （明确父框的边界）
2. 把内层table 的 margin-top:55px 放到外层div 用padding-top表现
3. 内层table 的style加一个 display:inline
以上都可以解决
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你看一下是不是margin-top的问题，你表格里加的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div自动下移问题。。没看到移
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
那是不兼容的问题，到百度搜一下，关于浏览器的兼容性问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
