IE8 CSS呈现问题(表)

IE8 CSS呈现问题(表),css,internet-explorer-8,Css,Internet Explorer 8,我的网站上有一个很常见的IE8问题。IE8呈现我的页面的方式与其他浏览器不同,这很烦人。如果有人能帮忙,我很乐意 我试图给IE8提供自己的样式表,但它似乎不起作用 以下是有关问题的页面: 向下滚动到图片部分,您将看到第一列和第二列之间的空间过大 TH标记也呈现错误 IE没有正确地呈现页边距,只需使用Firefox或其他浏览器检查同一页面,您就会看到差异 如果有人能帮助我,我会非常感激的,我自己都迷路了 HTML代码 <table class="tuotekuvat"> <tb

我的网站上有一个很常见的IE8问题。IE8呈现我的页面的方式与其他浏览器不同,这很烦人。如果有人能帮忙,我很乐意

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

以下是有关问题的页面:

向下滚动到图片部分,您将看到第一列和第二列之间的空间过大

TH标记也呈现错误

IE没有正确地呈现页边距,只需使用Firefox或其他浏览器检查同一页面,您就会看到差异

如果有人能帮助我,我会非常感激的,我自己都迷路了

HTML代码

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

移除左侧和右侧填充:
填充:10px
变成
填充:10px 0px 10px 0px

希望这有帮助


注意:

表格编码不正确,有一个
th
(单元格)未指定
colspan
,在
表格本身中,有些行有6个单元格(列),有些行有5个单元格。任何浏览器都可能在晚上遇到问题;)

然后,您将浮动单个
th
-IE 7及以下不理解表格单元格/标题元素上的浮动,并将强制整个第1列与标题链接一样宽

如果我可以建议您坚持使用一种或另一种方法,或者在表外浮动标题,或者甚至将其放入自己的
元素中,然后在整个表上使用
表布局:fixed
,以使列的宽度相等。那应该会有助于平衡。。但主要是如果您决定该表将有六列(无论是否使用所有列),那么例如,single
th
应该是


首先将表格HTML设置正确,其余的应该完全可以在浏览器中使用,如果您想让表格行和表格标题之间看起来有间隙,可以填充
th
。。但是对于空的
单元格,我并不认为有必要将其浮动到表结构之外。过去,您至少需要一个
,才能跨浏览器正确地呈现它。我认为目前的版本可能不再如此


另外,我建议使用和之类的工具。Webdeveloper有很多不错的功能,还有一个指向的链接,帮助我找到了格式错误的html。

你能发布一些代码来说明你是如何给IE提供自己的样式表的吗?你说它不起作用是什么意思?样式表没有加载,或者样式没有达到预期效果?请尝试在IE8或IE9中打开网页,问题就会变得很清楚。第一列的表格单元格被放大了。我没有IE,我在Mac上,重点是,他应该发布一些代码,而不是去看看我的网站,告诉我哪里出了问题。如果你发布代码,而不是仅仅指向你的网站并让我们找出问题所在的问题,你会得到更多帮助。看到这个问题了,这个问题已经结束了:WordPress的论文主题自动给IE8提供了自己的CSS文件,但是谁知道IE是否真的使用了它呢?谢谢clairesuzy,我把表格弄得一团糟:)顺便问一下,如果表格中有空单元格,编码有效吗?@Juuso-不用担心!如果您现在仍然有问题,请重新发布代码(编辑问题以添加代码)——是的,空单元格是有效的:)请注意,真正的空表格单元格通常不会在IE中正确呈现,特别是如果您对单元格(例如,与行相反)进行了样式设置的话。尝试在单元格中放入一个不间断的空格()来修复它。嘿,Nathan,这也是一个解决方案,感谢您的洞察力:)我更改了TH colspan=“6”,这似乎是一个很好的方法。
.custom .tuotekuvat th {
float: left;
margin-top: 15px;
margin-bottom: 15px;
padding: 10px;
background-color: #333333;
}