Question

我的网站有一个非常常见的IE8问题。 IE8以不同于其他浏览器的方式呈现我的页面，这非常烦人。如果有人能提供帮助，我很乐意，拜托！

我试图给IE8提供自己的样式表，但它似乎不起作用。

以下是有问题的页面：

http://www.routeqr.com/toimex/tuotteet

向下滚动到图片部分，您会看到第一列和第二列之间的空间太大。

TH标签也出错了。

IE无法在那里正确渲染边距，只需使用Firefox或其他浏览器检查同一页面，您就应该看到差异。

如果有人能帮助我，我会非常感激，我自己也迷失了。

HTML代码

<table class="tuotekuvat">
<tbody>
<tr>
<th><a name="kannakkeet">&raquo; Kannakkeet</a></th>
</tr>

CSS

.custom .tuotekuvat th {
float: left;
margin-top: 15px;
margin-bottom: 15px;
padding: 10px;
background-color: #333333;
}

Answer 1

表格编码不正确，你有一个th（单元格）没有指定colspans，而table本身有些行有6个单元格（列），有些行有5.任何浏览器在晚上都可能遇到麻烦;）

然后你浮动单个th - IE 7及以下版本不理解表格单元格/标题元素上的浮点数，并且会强制整个第1列与标题链接一样宽< / p>

如果我建议你坚持使用一种或另一种方法，要么在表格外浮动标题，要么将其放在自己的<thead>元素中 - 然后在整个表格上使用table-layout: fixed，列被强制为宽度相等。这应该有助于它...但主要是如果你决定该表有六列（无论是否使用它们）那么例如单th应该是<th colspan="6">

首先获得表格HTML，其余部分应该在浏览器中完全正常，如果您想让它看起来像表格行和表格标题之间的间隙，您可以填充th ..但我不真的看到它需要浮出桌面结构

Answer 2

删除左右填充：
padding: 10px;
成为
padding: 10px 0px 10px 0px;

希望这有帮助！

N.S。

Answer 3

关于空<td>个细胞。过去，您需要至少 才能在浏览器中正确呈现它。我认为当前版本可能不再是这种情况。

另外，我建议使用firefox webdeveloper和firebug等工具。 Webdeveloper有很多不错的功能以及w3c Validator的链接，它帮助我找到格式错误的HTML。

IE8 CSS渲染问题（表）

3 个答案: