问题标签 [sticky-footer]

试图让粘性页脚工作，但我的布局打破了它。在萤火虫里混了好久，不开心！

感觉就像我错过了一个愚蠢的职位规则或其他东西，但找不到爱和金钱的地方

编辑：为清楚起见，我希望页脚位于所有页面内容的底部，而不是固定在可见空间的底部（即通过position: fixed; bottome: 0;）

链接

我第一次在我整理的网站上使用粘性页脚，但似乎没有按计划进行。似乎有一个大的空白区域，然后是一个黑色区域（这是我页脚的颜色）请参阅链接http://c-hall.the-word.com/assignment/whatwedo.php我需要页脚对接到最后一点内容的底部，在这种情况下，文本女巫尚未设置样式。请参阅下面的代码 - 感谢您的帮助 - Charley

CSS

我正在编写一个页面底部带有固定页脚的网页。页面的内容具有特定的宽度并居中。页脚也有特定的宽度并且必须居中。

问题：

1. 我无法使用postiton: fixed- 页脚未居中
2. 页面内容是从数据库动态加载的，所以我不知道确切的高度
3. 如果浏览器窗口非常小，页脚会碰到内容并将其覆盖。Az-index几乎无法修复它，因为我在背景设置上设置了渐变，就像身体背景一样。

所以我需要类似float: bottom......

我需要我的页脚最后显示在页面上，但首先显示在 HTML 中。可以做到这一点，有人可以指点我参考吗？

在http://ryanspahn.com/adsgrader2/index你可以看到我有一个灰色的页脚，在 IE、Safari 和 Firefox 中，页脚粘在底部。但在 Chrome 中，它并没有坚持到底——这很奇怪。

我使用堆栈中的以下方法创建了这个粘性页脚...... CSS 使 HTML 页面页脚以最小高度保持在页面底部。

我想知道是否有人以前见过这个，或者有解决这个 Chrome 问题的建议。

我发现了 2 种不同的 CSS 粘性页脚实现：

1. Ryan Fait 粘性页脚 - http://ryanfait.com/sticky-footer/

2. Steve Hatcher 粘页脚 - http://www.cssstickyfooter.com/

有人可以解释他们每个人的工作方式之间的区别吗？

如果还有其他已知的实现，您能否发表评论或编辑这个问题？

我有一个非常基本的网站（页眉、内容、页脚，没有侧边栏或任何东西），问题是内容区域与页脚重叠。我已经尝试了所有的粘性页脚修复（即 csstricks、ryanfait.com 和我在 google 上找到的一些其他内容，还有一些在这里，但它们都不起作用

像往常一样，任何帮助表示赞赏

我正在尝试选择 ListActivity，类似于用于向启动器屏幕添加快捷方式的选择。我已经滚动了自己的页眉和页脚，我希望在屏幕上时在视图的顶部和底部“粘”。为了做到这一点，我使用了一个RelativeLayout，其中页眉设置为停靠在顶部，页脚设置为停靠在底部，列表设置为位于页眉下方和页脚上方。就活动的整体布局而言，这是我所期望的渲染。页眉粘在顶部，页脚粘在底部，列表在它们之间滚动。

当我切换到 RelativeLayout 作为我的根时，发生了一件奇怪的事情。请看下面的截图：

我希望我的 Activity 的高度为wrap_content，以便表单仅与其中显示的内容一样高，但是一旦我切换到 RelativeLayout，它似乎可以有效地渲染 Activity fill_parent，占用整个屏幕，即使内容没有不保证。请注意，没有足够的列表项来填满屏幕，这与fill_parent样式一起在列表末尾和页脚之间留下了一堆空白。我正在通过样式设置我的高度 - 这与 LinearLayout 配合得很好，但现在似乎被忽略了。所以我尝试直接在 RelativeLayout 上对高度进行硬编码，但它仍然不起作用并且仍然呈现为fill_parent.

这是我的布局代码：

所有布局都是通过 XML 完成的，......我没有在代码中做任何布局。如何获得粘性页眉和页脚，同时让整个活动在wrap_content其高度模式下运行？还有其他方法我应该解决这个问题而不是RelativeLayout吗？

我正在尝试推送我的背景内容图像并使其粘在我的页面底部。该图像不是页脚，因为该图像将位于某些内容的后面。但是，当内容很少时，图像不应该在顶部被截断，而当内容负载时，应该粘在底部！

还没有什么工作。有人对我有任何提示吗？

这里有两个例子。一个内容适合窗口，另一个内容更多。

这是两个链接；

http://www.andrewa.org/testing/mosaik-test/content-imagebottom-test.html

http://www.andrewa.org/testing/mosaik-test/content-imagebottom-test2.html

提前谢谢各位！

我有一个完全水平滚动的网站，

TopNav（固定位置）

导航（固定位置）

内容（横向滚动）

页脚（固定位置）

一切似乎都很好，但我遇到的问题是，如果内容足够大，可以水平滚动，它会将页脚放在水平滚动条的后面，所以在几页上我做了 #footer { bottom:16px } 或所以要考虑水平滚动条在那里。

我遇到的问题是不同的显示器分辨率。显然，内容将根据窗口大小水平滚动或不滚动。有什么方法可以将页脚保持在底部（或水平滚动条上方），无论分辨率或窗口大小如何？