Gab*_*iel 6 html css css-tables
好的,我知道使用表格进行布局很糟糕.但是我们有一个客户端在所有工作站上都安装了ie6,我们必须制作一个完美的布局才能完美地工作,因此干净的CSS解决方案不起作用所以我不得不用表来做.
这是我的HTML代码:
<body>
<table id="main_table">
<tr>
<td>
<div class="content">Content</div>
</td>
</tr>
</table>
</body>
这是我的CSS:
body {
margin:0;
padding:0;
}
#main_table {
border-collapse:collapse;
border-spacing:0;
width:100%;
}
#main_table td {
margin:0;
padding:0;
}
#main_table div.content {
margin:0;
padding:0;
}
出于一些神秘的原因,在单元格的顶部和div之间存在某种边缘.我绝对肯定我的所有边距和填充都是0,但它仍然存在.
我试过了 :
position:relative表格单元格和位置:div上的绝对值,但div总是从浏览器的左上角开始占据他的位置,而不是元素的左上角过去任何人都有过类似的问题吗？在此先感谢您的帮助.
编辑:问题不仅在IE6中,而且在所有浏览器中.
好吧，看来我完全忘记了选择这个问题的答案，似乎两年后有些人仍然觉得有必要添加新的答案，所以这是我的问题的解决方案（我在原始问题的评论中发布） ）
问题是我的单元格有一定的高度，并且垂直对齐为默认值中间。所以整个 div 位于单元格的中间，并在顶部留下了看起来像边距的内容。
所以这不是一个真正的问题，只是我不再习惯用表格进行 html 布局......
这就是问题的答案...现在如果有人可以关闭这个问题以防止任何进一步的评论/答案，那就太好了...;)