Question

所以我不确定我做了什么，但是在我将节日中的图像放入此页面后，我的页脚将不再停留在底部。我已经尝试了我能想到的一切，包括使用HTML 5标签使它成为div，但IE只是不想玩得很好！啊。 Here is my site。除了index2.html页面之外，所有页面上的页脚都很棒。

HTML

<footer class="clearfix">
<a href="events.html">Events</a> | <a href="wineries.html">Wineries</a> | <a href="restaurants.html">Restaurants</a> | <a href="golf.html">Golf Courses</a> | <a href="index.html">Home</a>
<a href="http://ambergoodwin.com/" title="Graphic & Web Design | www.ambergoodwin.com" id="ambergoodwin">Amber Goodwin | Creative &amp; Fresh Designs</a>
</footer>

CSS

footer { width: 100%; height: 130px; position: relative; top: 600px; background-color: #b14a0f;  font-size: 1.2em; padding-top: 30px; color: #721501; text-align: center; clear: both; }

我只是不明白这在所有页面上看起来都很棒，但这是最新的。对IE的任何帮助或建议都很棒！

*更新*

我的代码中确实有垫片，现在我只是将我的页脚变成了常规的ol div但它仍然表现得很奇怪。这就像它忽略了我的新风格.....有谁知道发生了什么？

Answer 1

IE8和bellow本身不支持html5。您需要使用兼容性实用程序，例如html5shim

Answer 2

您的<nav id="main-navigation">元素未正确关闭。这可能会破坏您的布局。

Answer 3

哇。所以我修好了。仍然不确定wtf是否正在使用IE，但我最终不得不制作一个新的样式表，但在每次新的更改之后我都必须将它链接到另一个样式表名称。有没有人听说IE就像那样？

感谢发表评论的用户！经过几个小时的拉动我的头发后，我做了什么工作让它适用于IE，最重要的是它得到了回报。

Answer 4

哈哈，你必须为IE编写代码，特别是对于那样的网站，因为那里的大多数羊都使用它。

但是，只是使用div元素并相应地设置它。

HTML5页脚无法在IE中运行

4 个答案: