2012-04-11 128 views
2

我一直在为大学的PHP项目工作,因为我在PHP垃圾我已经离开了设计非常简单,所以我可以专注于事物的编程方面。现在编程正在工作我正在设计这个项目。该网站在Chrome和其他webkit浏览器中看起来很好,但在IE9中看起来很糟糕。主要问题是...黑客使IE浏览器像其他浏览器一样显示

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

2 - 内容不居中,而是左移。

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

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

+0

只要获取浏览器名称,并执行'die();'语句,如果浏览器是IE浏览器。 :P – hjpotter92 2012-04-11 16:07:02

回答

4

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

从这个特别的事情会帮助你很多:如果我在IE浏览你的网站它说它进入怪癖模式,使IE7,8和9的行为......好......古怪: )将下列元标记你的头部分,以提高事情IE:

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

你可以看到“浏览器模式”和“文件模式” IE被抚养开发人员工具栏中运行中(F12),你可以暂时为你的浏览会话调整它,看看如果文档模式是“IE9标准”会发生什么。


一个简短的更新。您也可以尝试使用w3 validator。一个它给我的错误,为您的网站:

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

也有在未关闭的标签,它可以甩开渲染了一些错误。

+1

我注意到您的结尾''标签位置错误,导致这些未封闭的标签错误。修复这些将有很大帮助。 – 2012-04-11 16:23:03

+0

谢谢Jeroen的好建议。首先验证它,看看它的外观,然后我会给meta标签一个镜头。 – GuerillaRadio 2012-04-11 16:29:34

+2

就像你指出的那样,doctype之前的注释会进入IE进入怪异模式。改变这一点已经推动我的设计回到现在的正常位置:)现在只是为了摆脱恐怖的IE链接边界。 – GuerillaRadio 2012-04-11 16:38:39

2

我们做的是使用一个单独的CSS的IE版本,并在我们确定的浏览器,包括根目录中的CSS

因此包含正常CSS的所有浏览器和IE浏览器版本包括特定.css文件覆盖主样式表的必要方。

编辑:和Jeroen说的一样,强制IE在其真实模式下渲染,而不是一些兼容或怪癖的东西。

相关问题