Question

我在Firefox和Chrome上查看了这个网站，“版本”部分中的对齐方式看起来是正确的：http://www.mysecretathens.gr/Sera/releases.html

但是，如果您出于某种原因在Internet Explorer中打开该页面，您可以看到，某些文本在中心对齐。我一直在努力解决这个问题，无法找到解决方案。

我想知道我在表格格式中使用的伪元素是否导致问题

table td:nth-child(even) {text-align:center; }

但我认为情况并非如此。有什么想法吗？

Answer 1

首先，您的导航锚点是浮动的 - 您在哪里进行清理以保持块状结构？这就是IE 7中导航中断的原因。

我认为IE 7不支持CSS中的nth-child - 您可能必须通过Jquery执行此操作，或者在希望内容居中的表格单元格上添加一个类。

希望这有帮助

污物

/ ** 在此更新回答* **** /

我认为值得您阅读“清算”浮动元素here

由于IE 7和6是一个完整的B＆amp;＃@ H，有时你必须能够以其他方式开发你想要的东西以适应这些类似浮渣的浏览器。因此，根据当前标准，这里的“ nav ”css和html应该是Jsfiddle。

另外，我认为您需要了解何时使用“ id ”而不是“类” - 在这种情况下，您将/应该在HTML中只有一个“导航”，因此您希望为此提供一个 ID ，因为它是唯一的。

如果你想要一个内联导航，我发现最好浮动“ li ”元素并在导航后通过添加“ clearfix “到” ul “并相应地设定风格。

有关“清除”的简短示例，我在导航后面有一个包含段落的div。如果您从“导航”中删除“ clearfix ”类，您会看到“段落”与“ nav “应该如此。所以这就是清除所有浮动元素的重要原因。

至于你的桌面中心问题，我给你的Jsfiddle是可以容纳所有浏览器和移动设备的路径。

Answer 2

您的网页上存在格式错误的html <center>cover: Poor Designers</></div>我认为它假设为<center>cover: Poor Designers</center></div>。不同的浏览器会以不同的方式呈现格式错误的标记，chrome将<center>扔掉，即将其包裹在div中

Answer 3

我认为它内部的表是由于某种原因而默认为文本对齐中心，并且td继承了该值。

.text table{
    text-align:left;
}

IE没有正确对齐我的文本

3 个答案: