2012-02-07 73 views
1

我是新来的html5,html和JavaScript。我的网站http://www.countrybait.com/在Chrome和IE9中看起来很完美,但是在IE8中已经崩溃了。问题是我的客户端有一个IE8,当我向他展示它看起来很糟糕。我尝试了很多来解决这个问题,但无法修复,不知道该如何解决,至少在IE8中获得了清晰的视图。所以请前辈帮助我。等待你的积极帮助。网站在IE8中被破坏

回答

2

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

我总是建立到Chrome或Firefox,然后回去并使其在IE中工作。

根据您的网站,它可能需要一点,让一切工作在IE8。没有一个简单的解决方法。

0

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

我意识到你对这类事情很陌生,但看看你能多快地用Sass/Compass加快速度。 Compass附带了许多帮助短代码和跨浏览器handeling。它的新的辣味和真正的专业的使用(像我这样的:d)

萨斯=速记CSS W /嵌套(所以离合器),变量(尼斯和动态),混入(模板)

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

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

+0

任何其他帮助老人......我真的是一个新人,你们与我分享的所有东西对我来说都很难处理。我尝试过,但因为我不是专家,所以更加错误。 :( – Imran 2012-02-07 06:21:25

+0

Downvoted,因为虽然你的建议一般都很好,但它们可能无助于操作 - 太宽泛了 – 2012-02-07 10:18:33

+0

我不认为这是一个downvote。我的前言是“我意识到你是这种新手的东西“,我至少提供了一个积极的方向,downvote是假设它的错误信息,完全错误的建议,或不相关的,你能把它带回来吗?不想让我的代表在刚刚加入时就死了。 – 2012-04-05 21:29:59

2

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

那么一个策略就是尽量让它看起来在IE7/IE8兼容模式好,那么你就可以像元标记添加:

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

到您的网页,迫使IE浏览器以兼容模式运行。注意你可能需要用IE条件注释来包围它,以确保它不会在IE9中运行,这看起来很好。

例如

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

请帮助我解决这个问题,等待您的回复 – Imran 2012-02-07 20:24:08

+0

@Imran。我很乐意提供帮助,但不幸的是,浏览器兼容是随着实践和经验而来的。最好的选择是学习如何在浏览器中使用各种开发工具(Firefox中的Firebug,IE和Chrome中的开发工具)来调试为什么显示不同。 – GregL 2012-02-08 12:24:32