0

作为我的标题，我正在寻求一些帮助，使我的页脚宽度背景颜色填充浏览器窗口。

我的页脚标签建立在我的 1000px 包装器内；所以当我给我的页脚背景颜色时，身体背景颜色会出现在两侧。我想出了一个快速的想法，即 margin-left -1000px，然后 padding-left 1000px 和右边的相同，看起来在桌面上可以找到，但是在 iphone 或 ipad 上查看时效果不佳。

网站测试页.... http://www.rubb.co.uk/test/index.htm

请注意，网站内容仍需完成。目前正在重新设计整个网站。

谢谢你。

4

2 回答 2

1

好吧，您需要将页脚从包装中取出。更改您的包装器定义以使用 .wrapper 而不是 #wrapper 以便您可以多次使用它，因此您可以使用以下内容：

<div class="wrapper">
    <!-- rest of website here -->
</div>
<div id="footer">
    <div class="wrapper">
        <!-- footer content here -->
    </div>
</div>

然后你可以给你的#footer一个背景颜色

于 2013-10-18T09:22:14.107 回答
0

虽然您的特殊情况对其他人没有帮助。您需要从以下位置更改标记：

#wrapper
   -> #footer_box

到

#wrapper
#footer_box

现在 footer_box 的宽度将是 100%。你#wrapper有一个固定的宽度，所以它不会从它的流中出来，position: fixed然后它总是可见的。

于 2013-10-18T09:18:09.190 回答