Css 标题和填充问题与IE

我正在以下网站上工作：

它在Firefox和Chrome中看起来很棒，但当我在InternetExplorer中进入主页时，它会将导航菜单和左侧的社交媒体图标一起放下。有谁能帮我找到css代码中的错误，使它在所有浏览器中看起来都正确吗

谢谢,

---

Matthew Minten

对于初学者来说，看起来您可能依赖某些HTML5标记（nav）进行格式化，这肯定会在IE中产生问题。在游戏的这个阶段，我使用HTML5标记，但我不依赖它们。我倾向于使用它们来包装我的格式，因为支持可能是粗略的

---

这可能是问题的原因，也可能不是问题的原因，但它肯定会造成问题。

如果您使用的是HTML5，您应该将以下内容作为

的第一行：

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

资料来源：

放置Meta标记太晚：如果Meta标记在我们必须确定渲染引擎之后出现，那么您就太晚了。在运行脚本或呈现HTML之前，必须包含该元数据。只有在您完成任何使用渲染和脚本引擎的工作之前，才能切换模式，否则我们将根据标头或组策略来决定

注意-我把

chrome=1

放在那里，这样那些安装了chrome=1的人就可以使用它进行渲染了

---

编辑-显然是。

您指的是哪个版本的IE？请添加更多有用的信息，IE的哪个版本（点击f12），哪些html和css显示不正确。添加一个链接到您的网站是可以的，但请提供更多信息。我在我当前的电脑上使用IE 10，但它在IE 9中有相同的问题。基本上，导航栏应该是标题下的蓝色条，图形和社交媒体图标、主页/联系人链接以及文本大小调整器都应该在上面。现在所有这些东西都被压下了大约100px或者更多。如果你在任何其他浏览器中查看该网站，你都可以看到它应该是什么样子。这不是我正在使用的HTML5.js文件应该纠正的吗？我从来没有遇到过这样的问题，任何其他网站，我已经建立，而使用的儿童主题为二十一。这可能只是我没有看到的CSS问题吗？