我是一般的编程新手,特别是CSS。我目前正在为火车爱好者开发一个新网站。我是从头开始做的,这样我就可以获得HTML,CSS,PHP,MySQL等方面的一些经验。
无论如何,我遇到了一个问题。我在谷歌搜索了一个解决方案,但一直找不到。我的CSS似乎与市场上的每个网络浏览器兼容,除了Internet Explorer。除非你自己检查一下,否则我真的不知道如何解释这个问题。这就像我的标题和左侧菜单是唯一的样式元素,但我的内容和右侧菜单被推到右侧而没有样式。分别在IE和其他浏览器中查看this link。你会看到差异。
所以我的问题是:我该如何解决?我知道它必须是一个IE bug,因为它可以在其他所有浏览器中运行,但我不知道它可能是什么!如果我需要发布我的CSS脚本,请告诉我。提前感谢您提供的任何帮助!
答案 0 :(得分:1)
在你的样式表中,你在div元素上有一个多余的width:100%
(块级元素自然有一个填充其容器的宽度)。 IE将此100%解释为#container
。您可以通过在styles.css的第119行删除此width:100%
来纠正IE7中的样式问题(理论上)。我认为这是由IE7如何解释display:inline-block
答案 1 :(得分: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