0

我是一般编程的新手，尤其是 CSS。我目前正在为火车爱好者开发一个新网站。我是从头开始做的，这样我就可以在 HTML、CSS、PHP、MySQL 等方面获得一些经验。

无论如何，我遇到了一个问题。我在 Google 上搜索过解决方案，但一直没有找到。我的 CSS 似乎与市场上的所有网络浏览器都兼容，除了 Internet Explorer。除非您自己检查一下，否则我真的不知道如何解释这个问题。好像我的标题和左侧菜单是唯一样式化的元素，但我的内容和右侧菜单被推到右侧并且没有样式化。分别在 IE 和其他浏览器中查看此链接。你会看到区别。

所以我的问题是：我该如何解决？我知道它一定是一个 IE 错误，因为它适用于所有其他浏览器，但我不知道它可能是什么！如果我需要发布我的 CSS 脚本，请告诉我。提前感谢你们可以提供的任何帮助！

4

2 回答 2

1

在您的样式表中，您有一个多余width:100%的 div 元素（块级元素自然具有填充其容器的宽度）。IE 将此 100% 解释为#container. width:100%您可以通过在 styles.css 的第 119 行删除它来纠正 IE7 中的样式问题（理论上） 。我认为这是由 IE7 的解释方式造成的display:inline-block

但是，我必须警告您，确保与 IE 7 及更低版本的兼容性是一件令人头疼的事情，而且完全不值得。:)

于 2012-12-17T05:10:42.750 回答
0

你用哪个版本的IE来测试它？我在 Firefox、IE9、8 和 7 上检查过。在 IE8 和 IE9 上看起来不错。虽然 7 的问题很少。您可以使用条件注释来修复 7 中的问题。专门为 IE7 创建一个新的 css 文件，然后在标题中使用如下代码

<!--[if IE 7]>
<link rel="stylesheet" href="css/ie7.css" type="text/css" />
<![endif]-->

现在玩 ie7.css 直到事情看起来更好。这种方法的好处是您可以在不干扰其他浏览器呈现的情况下修复 IE 中的问题。您还可以使用“ietester”和调试栏来确定究竟是什么错误。我现在无法找到确切的链接，但谷歌应该提供帮助。

您可以在此处阅读有关条件评论的更多信息http://www.quirksmode.org/css/condcom.html

于 2012-12-17T04:43:16.800 回答