2

我正在为我们的教会建立一个网站，我正在使用 joomla 2.5 来做这件事。我使用的模板是wsnone2。我知道一些代码，但不是很多我试图解决这个问题，但我似乎做不到。基本上，当这里的文本很少时http://www.smass2.co.uk/index.php/en/hymns/annual/deacon-responses/liturgies页脚出现并覆盖了空间。我如何在不固定位置的情况下阻止它。我尝试使用 ryanfait 粘页脚和其他几个，但这似乎不起作用。任何人都可以向我提供更多建议吗？如果可能的话，解决方案可以通过 CSS 完成吗？

谢谢。

4

3 回答 3

1

实际上，这将比乍看之下更难。你有几件事对你不利。首先，您的页脚实际上包含在 2 个 div 中，region9wrap 和 region10wrap。按照@gartox 的建议进行操作只会将页脚的一部分移动到页面底部。您还需要对另一部分执行相同的操作。为此，您将需要此 CCS -

.region9wrap {
color: #999;
position: fixed;
left: 0px;
bottom: 30px; /* height of div below*/
width: 100%;
}
.region10wrap {
color: #999;
position: fixed;
left: 0px;
bottom: 0px;
height: 30px;
width: 100%;
}

这会将页脚的两个部分向下移动，但现在您将有一个巨大的深色条纹，您的背景不会延伸到页脚。现在你必须修复背景。首先，您需要完全从 region4wrap 中删除背景。

然后将背景添加到body标签 -

body {
background: url('http://www.smass2.co.uk/images/Cross.jpg') no-repeat #0D0D0D;
}

这将使背景一直延伸到页面的页脚，而不会产生大的暗条纹。

于 2013-10-26T16:32:22.193 回答
0

你需要这样做：

在 .region10wrap 类中添加此属性：值

.region10wrap
    color: #999;
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 30px; /* your height footer*/
    width: 100%;
}
于 2013-10-25T20:58:58.927 回答
0

最简单的方法是在实际页面（整个站点的后面）设置页脚背景，这样当页脚无法到达底部时，它看起来就像一直向下伸展。

于 2013-10-25T21:00:41.500 回答