CSS IE / FF与Chrome完全不同

Question

我刚刚完成了我的作品集网站，这是我第一次尝试使用html5，它在Chrome中看起来很棒。但是当我在IE和FF中测试它时，除了IE9之外，标题中都存在一些主要差异。我认为这是因为标题具有固定位置。我这样做是因为菜单。我创建了一个单页机，如果我没有将位置设置为固定位置，则当您单击菜单项时，菜单会消失。

第二个错误是，使用IE时，所有图像都会获得蓝色边框，该边框不会出现在Chrome上。

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

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

您可以在以下位置找到该网站 www.nathaliedehertogh.be

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

Answer 1

您

需要做的就是添加 clear：两者都到 #menu，和边框：0到图像。

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

Answer 2

您需要在标题中清除内容，以允许内容按预期流动。

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

img {
  border: 0;
}

至于字体，有些字体在IE中读不清。 我得到的错误是：

@font面未通过 OpenType 嵌入权限检查。权限必须是可安装的。

Answer 3

您的div 'kopregel' 中没有定义高度......这会导致一个问题，因为您有在其中定义了高度的元素。

注意：我看到它在FF中全部损坏，东西被向右烟雾。

Answer 4

标头的问题在于您需要 css 中的 clear 函数。

这是新的和编辑的代码。

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

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

Answer 5

另一个主要区别 Chrome 与 IE 看看这个http://technofizzle.blogspot.in/2013/04/chrome-and-ie-display-image-completely.html