html - CSS IE 兼容性问题

标签 html css internet-explorer

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

无论如何,我遇到了一个问题。我已经在谷歌上搜索了解决方案,但一直找不到。我的 CSS 似乎与市场上除 Internet Explorer 之外的所有 Web 浏览器都兼容。除非你自己检查一下,否则我真的不知道如何解释这个问题。就好像我的标题和左侧菜单是唯一的样式元素,但我的内容和右侧菜单被推到右侧并且没有样式。检查this link分别在 IE 和另一个浏览器中。您会看到不同之处。

所以我的问题是:我该如何修复它?我知道它一定是一个 IE 错误,因为它可以在所有其他浏览器中运行,但我不知道它可能是什么!如果我需要发布我的 CSS 脚本,请告诉我。提前感谢你们提供的任何帮助!

最佳答案

在您的样式表中,您在 div 元素上有一个多余的 width:100%( block 级元素自然具有填充其容器的宽度)。 IE 将此 100% 解释为 #container。您可以通过删除 styles.css 第 119 行的 width:100% 来更正 IE7 中的样式问题(理论上)。我推测这是由 IE7 如何解释 display:inline-block

造成的

但是,我必须警告您,确保与 IE 7 及更低版本的兼容性是一件非常痛苦的事情,完全不值得。 :)

关于html - CSS IE 兼容性问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13907975/

相关文章:

css - 文本 anchor 是否覆盖了 x 的值?

css - IE 7 - 关于 css 类继承的错误

javascript - getElementByID 在 IE 中不起作用

html - 并非所有列表项都正确 float

html - 如何为溢出隐藏的div提供填充底部?

jquery - 还有其他人在运行 jQuery 和 LESS 样式表时遇到此问题吗?

javascript - 图像映射

javascript - 如何设置DataTables的列宽

html - IE7 错误 - 主框在悬停时向左移动

Javascript:当用户再次访问同一页面时,Json 文件不会重新发送?