0

我在 Firefox 和 Chrome 上检查了这个网站,“发布”部分中的对齐看起来是正确的:http ://www.mysecretathens.gr/Sera/releases.html

但是,如果您出于某种原因在 Internet Explorer 中打开页面,如您所见,某些文本会居中对齐。我一直在为此苦苦挣扎,找不到解决方案。

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

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

但我认为情况并非如此。有任何想法吗?

4

3 回答 3

1

首先,您的导航锚是浮动的——您在哪里清理以维持块状结构?这就是您的导航在 IE 7 中损坏的原因。

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

希望这可以帮助

污秽

/ **此处更新答案 * **** /

我认为值得你在这里阅读“清除”浮动元素

由于 IE 7 和 6 有时是一个完整的 B&#@H,因此您必须能够以其他方式开发您想要的东西,以适应这些像浏览器一样的垃圾。所以,这里是你的“导航”css 和 html 根据当前标准应该是什么样子的Jsfiddle 。

另外,我认为您需要重新了解何时使用“ id ”而不是“ class ”-在这种情况下,您的 HTML 中将/应该只有一个“ nav ”,因此您想给它一个ID因为它是独一无二的。

如果你想要一个内联导航,我发现最好浮动“ li ”元素并在导航后通过将类“ clearfix ”添加到“ ul ”和相应的样式来完成您的清除。

有关“清除”的简短示例,我在 nav 之后有一个 div,其中包含一个段落。如果您从“ nav ”中删除类“ clearfix ”,您将看到“段落”与“ nav ”一样出现在一行中。这就是为什么清除所有浮动元素很重要的原因。

至于您的表格居中问题,我给您的 Jsfiddle 是要采取的路线,因为它将适应所有浏览器和移动设备。

于 2012-08-30T02:35:05.800 回答
1

您的页面上的 html 格式错误,<center>cover: Poor Designers</></div>我认为它应该是 <center>cover: Poor Designers</center></div>. 不同的浏览器会以不同的方式呈现格式错误的标记,chrome 将其<center>扔掉并将其包裹在 div 周围

于 2012-08-30T02:47:33.187 回答
0

我认为它内部的表格由于某种原因默认为 text-align center 并且 td 正在继承该值。

.text table{
    text-align:left;
}
于 2012-08-30T02:38:13.177 回答