Question

在我的网页中，我有一个表格结构。在Firefox和Chrome中，它显示正确的高度，但在IE中它显示的高度高于其中的内容。在左侧的页面中，菜单和每个菜单都在一个<td>中。我希望该菜单的高度，即<td>在IE中保持不变。在chrome和Firefox中，<td>的高度保持不变，但在IE高度变得超过它的内容。

css：

td{
margin: 0;
padding: 0;
border-spacing: 0;
border-collapse: collapse;

}
Doctype--<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"    "http://www.w3.org/TR/html4/strict.dtd">

屏幕截图

在铬 - enter image description here

在IE- enter image description here

请帮帮我。

Answer 1

将您的菜单放在容器div中，并为td（包含此div）提供适合您的垂直对齐：

<td style="vertical-align:middle">
<div>
     your menu here
</div>
</td>

Answer 2

对于大多数IE而言，在<TD>标记

之间删除空白区域是微不足道的

示例：

<td>Some stuff</td>
  <td>Some stuff</td>

看起来与

不同

<td>Some stuff</td><td>Some stuff</td>

清理你的白色空间我强烈推荐Eric Meyer的CSS重置以实现跨浏览器兼容性：http://meyerweb.com/eric/tools/css/reset/

Answer 3

希望它能帮助你，使用normalizer.css，它会使你的表格和表格等等......在所有浏览器中都是一样的。

Normalize.css使浏览器更加一致地呈现所有元素并符合现代标准。它只精确定位需要规范化的样式。

http://necolas.github.io/normalize.css/

IE中的表格单元格高度比chrome / firefox高

3 个答案: