css - 全宽浏览器帮助。在我拔掉所有头发之前

Question

基本上，我对 .css 和 HTML 非常陌生，我一直在使用 Adob​​e Muse 或 word press 来制作网站，并且能够过关。好吧，我一直在将一个名为 Foxycart 的购物车系统集成到我的一个网站中，但我一生都无法获得标题、标题下的阴影和中间图像（重复模式）在屏幕上伸展。Adobe muse 通过使用 JavaScript 来做到这一点，但是当我为 Foxycart 缓存我的模板时，JavaScript 不再起作用。这很好，我想使用 .css 来拉伸标题和中间背景。问题是我想不通。我讨厌寻求帮助，但我花了两天多的时间试图弄清楚，但仍然没有运气。我专注于图形，所以如果任何人帮助我，需要任何 Photoshop 的东西或不只是让我知道的东西。

代码由位于此处的 Foxycart 缓存：https ://shavemate.foxycart.com/checkout.php

Answer 1

在站点属性中，您可以在布局中设置边距 0,0,0,0

此外，如果您想要 100% 的宽度，只需将边缘对齐到页面浏览器的每一侧。

希望这有帮助。

码

Answer 2

一些浏览器在视口周围添加填充，因此为了获得真正的“全宽”效果，您需要使标题absolute与top:0; left: 0. 根据我的经验，棘手的事情是将宽度设置为 100%。对于绝对定位的元素，100% 的宽度似乎超出了屏幕的右侧。它可能必须使用 javascript 来完成，或者这里有更精通 CSS 的人可以指导您。