Php Joomla模板-保持页脚在底部

我正在尝试这样做： 但是我自己做不到，所以我请求你的帮助

我正在使用带有此代码的模板（仅限页脚部分）：

index.php：

<div class="rt-footer-surround">
    <div class="rt-container">
      <div class="rt-footer-inner">
        <?php /** Begin Footer **/ if ($gantry->countModules('footer')) : ?>
        <div id="rt-footer">
          <?php echo $gantry->displayModules('footer','standard','standard'); ?>
          <div class="clear"></div>
        </div>
        <?php /** End Footer **/ endif; ?>
        <?php /** Begin Copyright **/ if ($gantry->countModules('copyright')) : ?>
        <div id="rt-copyright">
          <?php echo $gantry->displayModules('copyright','standard','standard'); ?>
          <div class="clear"></div>
        </div>
        <?php /** End Copyright **/ endif; ?>
      </div>
    </div>
</div>

css/community-a.css：

/* Footer */
.rt-footer-inner {background-color: #1CA8D2;box-shadow: inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2), 0 0 6px rgba(0,0,0,0.4);color: #fff;text-shadow: 1px -1px 1px rgba(0,0,0,0.5);}
.rt-footer-inner .module-surround, .rt-footer-inner .title {color: #fff;text-shadow: 1px -1px 1px rgba(0,0,0,0.5);}
.rt-footer-inner a {color: #BCFEFF;text-shadow: -1px -1px 1px rgba(0,0,0,0.3);}
.rt-footer-inner a:hover {color: #fff;}

“community-a.css”是我使用的模板中的样式表

---

如果有人能帮我解决这个问题，我将非常高兴。

根据您提供的信息，这是我的两分钱：

在本教程之后，您应该将以下CSS规则应用于容器元素（应该是rt页脚环绕）：

这应该可以很好地解决问题，当然你应该检查是否有其他CSS规则试图覆盖你正在做的修改，firebug或其他开发工具非常适合这类东西

---

编辑：类似这样的内容

请创建一个我是这方面的新手，但是：我刚刚添加了.css文件的其余部分：通过将其添加到“backgroundlevel high.rt footer round”中，我将其移动到页面的按钮。我现在将尝试格式化它，使其看起来正确，但我可能认为它成功了：）好的，现在它保留在按钮中，但随后我遇到了一个新问题。。当我有一个包含大量内容的页面时，我无法滚动，但内容隐藏在页面后面。当我将位置设置为“相对”时，它在包含大量内容的页面上工作，但当它设置为“绝对”时，它在包含少量内容的页面上工作，在重叠较大的页面上工作。以下是.css代码：必须将等于页脚大小的填充放在内容所在的元素中。因此，如果页脚高度为60px，则在容器中添加一个60px的底部填充：）

/* Footer */
.rt-footer-inner {background-color: #1CA8D2;box-shadow: inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2), 0 0 6px rgba(0,0,0,0.4);color: #fff;text-shadow: 1px -1px 1px rgba(0,0,0,0.5);}
.rt-footer-inner .module-surround, .rt-footer-inner .title {color: #fff;text-shadow: 1px -1px 1px rgba(0,0,0,0.5);}
.rt-footer-inner a {color: #BCFEFF;text-shadow: -1px -1px 1px rgba(0,0,0,0.3);}
.rt-footer-inner a:hover {color: #fff;}

.rt-footer-surround {
    position:absolute;
    bottom:0;
    width:100%;
    height:60px;   /* Height of the footer */
}