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

Question

这是我的第一个问题，请记住我们可能在代码方面存在一些问题。

但问题是我使用的模板（不记得是什么模板 atm）应该适用于所有浏览器，但我无法深入了解代码。

URL 在 1 条评论中访问网站。

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

请注意 CSS 是粗糙且不干净的，与 HTML 一样，因为该页面正在开发中。

我在这里搜索了几次都没有结果，不把整个页面弄乱就无法继续。

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

HTML 和 CSS

我自己觉得跟底图有关系

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

谢谢你和亲切的问候。

Answer 1

好的，我将页脚放到了浏览器 (Safari atm) 的绝对底部

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

附上图片和代码 Screenshot CSS

我真的很抱歉弄得乱七八糟 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 页面底部删除该容器标签。

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

Footer not 100% bottom crossbrowser

html

css

cross-browser

fullscreen

footer