网站在IE8中被破坏了

时间:2012-02-07 02:50:24

标签: html5 internet-explorer-8

我是html5,html和JavaScript的新手。我的网站http://www.countrybait.com/在Chrome和IE9中看起来很完美,但在IE8中已经破了。问题是我的客户端有IE8,当我向他展示它看起来很糟糕。我尝试了很多修复这个,但无法修复,不知道该怎么做修复,至少在IE8中得到一个干净的视图。所以请老年人帮助我。等待你的积极帮助。

3 个答案:

答案 0 :(得分:2)

您提到的浏览器之间存在许多差异。每一个都有点不同,特别是IE8。 IE9有一个开发人员工具集(按F12或在工具图标下查看)。在那里,您可以选择要查看的浏览器模式,并根据该设置呈现页面。然后,您可以查看导致布局问题的项目并进行必要的更改。

我总是构建Chrome或Firefox,然后返回并使其在IE中运行。

根据您的网站,可能需要一些时间才能让所有内容都在IE8中运行。没有简单的解决办法。

答案 1 :(得分:2)

我尝试在IE8中打开“兼容模式”,它使大多数事情处于大致正确的位置(值得注意的例外是顶层菜单导航和主要文本内容)。

因此,您可能希望采用的一种策略是尝试在IE7 / IE8兼容模式下使其看起来不错,然后您可以添加以下元标记:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

到您的页面以强制IE以兼容模式运行。请注意,您可能需要使用IE条件注释来包围它,以确保它不会在IE9中运行,看起来很好。

e.g。

<!--[if lt IE 9]>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<![endif]-->

答案 2 :(得分:0)

哦,IE的新手痛苦,伤害不呢?

我意识到你对这种事情不熟悉,但看看你能用Sass / Compass快速加速。 Compass带有很多帮助器短代码和跨浏览器handeling。它的新热点和真正的专业人士使用它(像我自己:D)

Sass =速记css w /嵌套(如此离合器),变量(漂亮和动态),mixins(模板)

Compass =框架,以避免跨浏览器问题和CSS前缀,以及其他一些很酷的垃圾。

这样做,认真......我希望有人早点告诉我。