Question

我刚刚完成了我的投资组合网站，这是我第一次尝试使用html5，它在Chrome中看起来很棒。但是当我在IE和FF中测试它时，执行IE9时，标题中出现了一些主要差异。我认为这是因为标题有一个固定的位置。我这样做是因为菜单。我创建了一个寻呼机，如果我没有将位置设置为固定，则单击菜单项时菜单会消失。

第二个错误是，IE浏览器中的所有图像都会出现蓝色边框，但不会出现在Chrome上。

第三个错误是标题中的字体与IE也不同。我使用了@ font-face字体。

我的HTML和CSs代码在W3C上验证。

找到该网站

有人可以帮我解决这个问题。

Answer 1

您需要在标题中清除以允许内容按照之后的要求流动。

IE的蓝色边框只需要一个CSS设置：

img {
  border: 0;
}

对于字体，某些字体在IE中无法正确读取。我得到的错误是：

@ font-face失败OpenType嵌入权限检查。权限必须是可安装的。

Answer 2

你的div'kopregel'中没有定义高度。这导致了一个问题，因为你的内部定义了高度元素。

注意：我看到它全部在FF中被破坏，东西正在向右滑动。

Answer 3

您需要做的就是添加清除：#menu和border：0到img。

在某些浏览器中，蓝色轮廓是默认的，以显示图像是链接。

Answer 4

标题问题是您需要在css中使用clear功能。

以下是新编辑的代码。

#content, hr {
    clear: left;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

固定位置没有问题这只是一个常见问题，希望这有助于让我知道！

Answer 5