页脚不是 100% 底部跨浏览器

Question

这是我在这里的第一个问题，所以请记住，我们可能会遇到一些代码问题。

但问题是我正在使用一个模板（不记得是什么模板 atm），它应该在每个浏览器中都可以工作，但我无法将代码放到底部。

1 条评论中的网站网址。

我正在使用 Pastebin 为不想看到该页面的人粘贴 HTML 和 CSS。

请记住，CSS 粗糙且不干净，与 HTML 一样，因为页面正在开发中。

我在这里搜索了几次都没有结果，并且在不弄乱整个页面的情况下无法进行。

我只能在 Yosemite 的 Safari 和 Chrome Win 7 上实时测试。

HTML 和 CSS

我自己认为它与底部图像有关。

仅供参考：我不拥有任何徽标，这是 F1 Simracing 的一个非盈利性项目。

谢谢你和亲切的问候。

Answer 1

好的，我把页脚放到了浏览器的绝对底部（Safari atm）

但是内容被隐藏在页脚后面，这不好。

附加图片和代码 ScreenshotCSS

对于混乱的 CSS 我真的很抱歉，但我真的很感谢所有的帮助！

Answer 2

你真的把你的代码弄乱了很多..！

进行这些更改，它将完美运行。 删除 html,body {height:100%}

/**** add CSS ***/
html {min-height: 100%;position: relative;}
body {margin-bottom: 288px;}/* height of footer */
footer {position:absolute;width:100%;left:0;right:0;bottom:0;}

从 html 页面底部删除该容器标签。