Question

在http://filmblurb.org开发我的网站时，我的页脚出现问题。对于我的页脚，我正在尝试新的东西，我正在做一个延伸到浏览器窗口外边缘的表格，其余的内容（即帖子，jQuery滑块等）比宽度更小页脚。

对于我的页脚，我在表格中有一个表格，每个表格都包含一个单元格。我希望外部表扩展到浏览器窗口的100％，我打算通过放置某种背景图像来使用它。在那张桌子和那张桌子前面，我打算在这个单元格中放置我的页脚内容（即站点地图，联系信息，版权信息等），这将超过960像素。此宽度也等于我网站主页上其他内容的宽度。

如果有人可以帮我解决这个问题，我将不胜感激。（如果有帮助，我使用的是Wordpress 3.2.1。）

Answer 1

您需要做的第一件事就是将div#footer置于正确的位置。

因此，请移除position:absolute;和height:1em;

然后添加float和width

#footer {
   float: left;
   width: 100%;
}

现在，您的div#footer位于div#wrap内，这使其保持居中并限制跨越整个窗口宽度。

将其从#wrap中移除，如果您希望它跨越整个页面，请将其放在div下。

最后，不要将table用于非表格数据。请改用div。

Answer 2

如果您将宽度设为100％，我建议您不要将页脚浮动到左侧。看看你做了什么。

将此代码添加到您的css中，除非您单独向左或向右浮动，否则每个元素都将居中。