页脚不是100％底部crossbrowser [英] Footer not 100% bottom crossbrowser

问题描述

这是我的第一个问题，所以请记住，我们可能有一些问题的代码。

This is my first question here, so bare in mind that we may have some issues with code.

但事情是，我使用一个模板（不记得什么模板atm），应该在每个浏览器，但我无法得到的代码到底部。

But the thing is that i'm using a template (Cant remember what template atm) that is supposed to work in every browser but i cant get the code to the bottom.

URL TO SITE IN 1评论。

URL TO SITE IN 1 Comment.

我正在粘贴HTML& CSS与Pastebin为你不想看到页面的人。

I'm pasting the HTML & CSS with Pastebin for you people that don't wanna see the page.

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

Please bare in mind that the CSS is rough and not clean, same with the HTML as the page is under development.

我在这里搜索了几次没有结果，并且不能不弄乱整个页面。

I searched here a couple of times without result, and couldn't get it going without messing up the whole page.

我只能在Yosemite和Chrome Win 7上的Safari上测试此项。

I can only test this live on Safari in Yosemite, and on Chrome Win 7.

HTML 和
CSS

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

I think myself that it have with the bottom images to do with.

FYI：我没有任何标志，是F1 Simracing的非营利项目。

FYI: I don't own any of the logos and this is a non profit entuisasm project for F1 Simracing.

感谢您和亲切的问候。

Thank you and kind regards.

推荐答案

U已经真的搞错了你的代码很多..！

U have really messed your code a lot..!

做这些改变，它会工作完美。
remove html，body {height：100％}

Do these changes, it will work perfectly. remove 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页面底部删除该容器标签。

delete that container tag from bottom of html page.

这篇关于页脚不是100％底部crossbrowser的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！