css - joomla 龙门式页脚位置已关闭

Question

我正在使用 Joomla 3 和 Gantry 框架制作网站。我只是注意到，有时在我摆弄网站的 CSS 时，我设法弄乱了页脚的位置。它不会再显示在页面底部，而是固定在最后一个模块下方。

任何人都可以提示我可能出了什么问题吗？

网站是: http://solstack.infinito.se/homepage

Answer 1

这是 gantry-custom.css 中的违规样式:

div.rt-grid-6 {
    height: 166px;
}

看起来你想要这个:

#rt-header div.rt-grid-6 {...

一般来说，以这种普遍的方式覆盖样式并不是一个好主意。如果您必须强制使用尺寸和样式，或者像我所做的那样查找现有 ID，请将类或 ID 放在特定元素上。为此，我经常使用模块类后缀字段。

更新:

您可以修复其中的内容，而不是在主要模板元素上强制设置高度。看起来您可以使用 div 而不是段落并在没有任何样式的情况下完成同样的事情。 div 没有底部边距。

<div>
    <a title="Hem" target="_self" href="http://solstack.infinito.se/">
        <img alt="" src="/images/logotyp_400_trans.png">
    </a>
</div>