0

当页脚上方有足够的内容以将其“推”到页面底部时，我的页脚位于我想要的位置（http://v3.edharrisondesign.com/），但没有内容它位于太高（http: //v3.edharrisondesign.com/about/）。

任何想法为什么？

4

3 回答 3

1

如果您在谷歌上搜索粘性页脚，您会发现这是一些解决方案的常见问题。无论如何，我查看了您的网站，这是您需要做的：

1）在html's规则集中，添加：

height: 100%;

2)body的规则集：

-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
min-height: 100%;
padding-bottom: 80px; /* same as footer's height */

3）footer：

position: absolute;
bottom: 0; /* you already have this */

该解决方案利用了 box-sizing 属性。如果需要支持较旧的浏览器，则它将不起作用-为此，您需要在 html 中添加一个额外的元素（让我知道这是否是您想要的）。

很棒的网站，顺便说一句！

于 2012-09-08T01:05:48.220 回答
0

John 的意思是在您的页眉和页脚之间需要有一个容器，具有最小高度，以便您在两者之间为浏览器提供所需的像素数量，无论如何。对于主页，它是“thumbnail-continer”，但在您的内部页面上，您似乎根本没有任何内容。无论哪种方式（无论是将缩略图容器放置在内部页面中还是创建一个新的 div），在每个页面上创建一个内容井并为其设置您想要的最小高度。

于 2012-09-08T00:30:12.410 回答
0

缩略图容器{min-height:400px}

将在 ie7/8/9 和其他主要浏览器中工作。IE6 会忽略它。

于 2012-09-07T23:26:18.423 回答