2

我一直在为大学做一个 PHP 项目,因为我对 PHP 很垃圾,所以我让设计变得非常简单,这样我就可以专注于编程方面的事情。现在编程正在运行,我正在设计。该网站在 Chrome 和其他 webkit 浏览器中看起来不错,但在 IE9 中看起来很糟糕。主要问题是...

1 - 背景图像将 div 扩展到完整图像大小,而在 webkit 中仅填充 div 大小。

2 - 内容不居中,而是向左浮动。

有谁知道我可以用来让 IE 像其他浏览器一样执行的任何脚本/黑客?我目前唯一使用的是 Modernizr。

如果有帮助,您可以在这里查看该网站 - http://newmedia.leeds.ac.uk/ug10/cs10cwh/pod/index.php

4

2 回答 2

4

Modernizr 可以提供帮助,特别是如果您使用的是 html5 和 css3 等更新的东西。另一件可以帮助的事情是样板代码,我个人喜欢html5reset

其中一件特别的事情将对您有很大帮助:如果我在 IE 中查看您的网站,它会说它进入 Quirks 模式,使 IE7、8 和 9 的行为......嗯......古怪:) 放置以下您的 head 部分中的元标记以改进 IE 的内容:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

您可以通过调出开发人员工具栏 (F12) 来查看 IE 正在运行的“浏览器模式”和“文档模式”,您可以临时调整浏览会话以查看如果文档模式为“IE9 标准”会发生什么。


一个简短的更新。您可能还想尝试使用w3 验证器。它为您的网站提供的错误之一:

Line 1, Column 15: Comments seen before doctype. Internet Explorer will 
go into the quirks mode.

未关闭的标签也有一些错误,这可能会导致渲染失败。

于 2012-04-11T16:10:49.360 回答
2

我们所做的是为 IE 版本使用单独的 .css,并在根目录中确定浏览器并包含该 .css

因此,包括所有浏览器的普通 css,对于 IE 版本,包括覆盖主样式表的必要部分的特定 .css 文件。

编辑:就像 Jeroen 所说,强制 IE 以真实模式呈现,而不是一些兼容或怪癖的东西。

于 2012-04-11T16:10:11.140 回答