1

我有一个带有 Service Pack 1 的 Windows 7 和 Internet Explorer 10。我有我的网站http://www.gfcf14greendream.com/。它在 Chrome、Firefox 和 Safari 上看起来很棒，但在 Internet Explorer 上却不行。对于初学者，我想使用 IETester 测试我的网站的外观，结果一团糟（请单击上面的链接进行比较）：

在此处输入图像描述

问题是，我认为问题可能是 IE8 不能很好地从<object>标签加载，是吗？我使用三个对象标签来加载三个白色部分：标题、垂直菜单和“站点日志”（您可以在此处查看它们：http : //www.gfcf14greendream.com/header.html，http://www.gfcf14greendream .com/verticalmenu.html , http://www.gfcf14greendream.com/thesitelog.html )

要加载这三个站点，我使用以下代码：

这个作为标题，<object type="text/html" data="http://www.gfcf14greendream.com/header.html" width="100%" height=185></object>

这个菜单，<object type="text/html" data="http://www.gfcf14greendream.com/verticalmenu.html" height=484 width=100%></object>

而这个用于日志，<center><object type="text/html" data="http://www.gfcf14greendream.com/thesitelog.html" height=600 width="90%"></object></center>

如果有人对这个“烂摊子”有任何想法，请告诉我。谢谢！！

4

2 回答 2

2

这不是一个真正的答案（充其量只是一个快速而粗心的答案，所以不要太认真）

但我只是想提一下，如果您还不了解W3C 标记验证器，它可能对您有用。它可以捕获页面上的错误标记做法或错误，并可以为您提供有关如何修复的更多信息他们。在撰写本文时，仅您的首页就有 10 个错误和 3 个警告。也许这可以为您指明正确的方向？

快速浏览一下您的页面，您似乎没有正确使用 CSS 。也就是说，我看到您正在使用css，但您的页面上有元素（使用<center>HTML 标签、内联样式等）与发明 CSS 的初衷背道而驰。

如果您还没有看过CSS zen garden，请快速阅读/查看它。它应该让你明白为什么我们使用 CSS 而不是表格和对齐标签。

（人们有时不会立即明白这一点，但是，请单击禅宗花园右侧的链接。相同的 HTML 和页面内容使用一个 html 文件和单独的 CSS 表完全重新设置样式）

祝你好运！

编辑：

哦，我差点忘了提到 Internet Explorer 8 没有太多（如果有的话）HTML5 兼容性。如果您想用 HTML5 开发网站和 Web 应用程序，您将很难为您的 IE 8 访问者提供服务，并且最终可能会花费比开发内容更多的时间来修复错误。

一些开发人员已经完全抵制 IE 8 以通过 HTML5 和 CSS 3 迎来 Web 的新时代。那里有一些 js 兼容性库（例如用于新<canvas>元素的 excanvas），但它们不能完美地工作并且您最终将不得不在某处划清界限。（大声笑。画布..画线..明白吗？）话虽如此，我确实找到了这篇文章，这可能对你有用：

打开 html5-in-ie8 或更低版本

不是每个网站都需要 HTML5 并且它是新技术，但是如果您打算将它用于<canvas>标签之类的东西，我建议（从我个人的观点来看）您忘记 IE 8 并专注于使用它的浏览器。

请记住，您可以检查您的 HTML 以查看您的访问者使用的浏览器版本。您可以查看他们是否使用了不兼容的浏览器，如果是，您可以提醒他们他们的软件已过时并向他们建议替代方案（例如 chrome 或 firefox）

网上有很多关于这个的教程，这是我在谷歌快速搜索中找到的第一个看起来不错的教程，这篇文章涵盖了使用这种技术来分离 CSS 表，但还有其他人更深入地讨论了我提到的问题，我'相信你读完这篇文章后，可能会想出如何去做。

无论哪种方式，我都会说您需要先阅读一些内容，以了解为什么您的简陋网站无法在日益过时的浏览器中运行。

再次祝你在未来的工作中好运。

于 2013-06-09T00:12:32.497 回答
1

编辑太苛刻了：

看过一个网站后，我会建议您将来从用户的角度考虑设计-您使用的配色方案在视觉上不是很友好，对绿色的红色文本对红色的人来说特别麻烦/green色盲，您还应该考虑您的内容是如何呈现的。

结束编辑：

但是，关于您的 IE 问题。

首先，任何工作都是在开始之前为您希望实现的目标制定一个坚定的计划并打下良好的基础。使用 HTML 意味着平衡浏览器怪癖的竞争环境，为了实现这一点，您使用重置 css 文件。

这确保了所有浏览器（尽可能接近）在填充、间距、行高等方面的行为方式或多或少相同，并且可以继续防止此类问题的发生，并允许您实现一致性。

下面的链接有更多信息。

http://meyerweb.com/eric/tools/css/reset/

其次，您的 HTML 版本 - 您声明 HTML5 但随后使用 HTML4 值和属性 - 基本上您的网站（如上所述）不是有效的标记。

于 2013-06-09T00:25:05.447 回答