页脚不是100％底部的crossbrowser

Question

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

但事实是我正在使用一个模板（不记得什么模板atm）应该在每个浏览器中工作，但我不能将代码放到底部。

网址1评论。

我正在粘贴HTML＆amp;带有Pastebin的CSS，适合那些不想看页面的人。

请记住，CSS粗糙且不干净，与正在开发的页面一样，HTML也是如此。

我在这里搜索了几次但没有结果，如果不弄乱整个页面就无法进行搜索。

我只能在优胜美地的Safari和Chrome Win 7上进行实时测试。

HTML和 CSS

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

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

谢谢你，亲切的问候。

Answer 1

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

但内容隐藏在页脚后面，这没什么用。

附加图片和代码 Screenshot CSS

我真的很抱歉凌乱的CSS，但我非常感谢所有的帮助！

Answer 2

你真的搞砸了你的代码..！

做这些改变，它会完美地运作。 删除html，正文{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页面底部删除该容器标记。