0

我刚刚为我的摄影设计了一个网页。我使用 Chrome 作为我的测试浏览器。

但是在 IE 上打开我的页面，什么都看不到。在遇到一些麻烦之后，我将问题与我使用百分比的事实隔离开来。我在网上搜索了解决方案，但一切都是关于微小的变化（与填充和百分比有关）。

这是一个简单的 HTML 文件，它可以在 Chrome 中完美运行，但并非全部在 IE 中运行（div 是一个无像素框，由于文本的存在而略微扩展）。非常感谢您的帮助。如果我不能解决这个问题，我将不得不完全重新设计我的网站。

<html>
<head>
    <title>A test HTML</title>
    <style type="text/css">
        #currpage
        {
            position: absolute;
            bottom: 18%;
            right: 10%;
            left: 35%;
            top: 15%;
            border:2px solid green;
            z-index: 240;
        }
    </style>
</head>
<body>
    <div id="currpage" style="visibility: visible; opacity: 1;">
        This is just a test.
    </div>
</body>
</html>
4

3 回答 3

4

您是否尝试过...实际上制作了格式良好的 HTML 文件？

如果没有DOCTYPE，浏览器会以 Quirks 模式呈现页面。在 IE 的情况下，它像在 IE5.5 中一样呈现，它不支持很多现在基本的东西。

添加<!DOCTYPE HTML>到文件的开头。

编辑：当您使用它时，请始终包含一个 Content-Type<meta>标记（例如，<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />以便浏览器知道编码是什么。还考虑添加<meta http-equiv="X-UA-Compatible" content="IE=edge" />以强制 IE 使用它拥有的最严格的标准模式。这些出现在每一个我的页面，甚至是空白模板。 DOCTYPE 和 Content-Type 是必需的（如果您希望它实际工作），并且 Compatible 标题是可选的（我主要使用它来摆脱令人讨厌的关闭的 Compatibility Mode 按钮到刷新按钮...）

于 2012-05-15T19:43:39.020 回答
0

好吧，我在mac上，所以我无法检查它，但是您的HTML中似乎没有doctype，因此IE可能会遇到麻烦，因为他不知道如何解析您的代码。

在第一行（甚至在<html>-Tag 之前写下以下内容：

<!DOCTYPE html>

这是针对 HTML5 文档的。

编辑： ....编辑....忘记这一点。

于 2012-05-15T19:45:28.517 回答
0

明确设置包含元素的高度和宽度。我的一个旧页面也有类似的问题（在 Firefox 和 Chrome 中运行良好，在 IE 中下地狱），我发现如果没有明确分配，Firefox 和 Chrome 将自动设置包含元素的尺寸然后将这些百分比基于这些假设。IE 没有做出这样的假设，所以当它查看百分比时，它基本上会说“嗯 35% 的什么？”

于 2012-05-15T20:13:18.347 回答