Joomla - 我可以在模块数之后添加代码吗？答案

【问题标题】：Joomla - Can I add code after # of modules?Joomla - 我可以在模块数之后添加代码吗？
【发布时间】：2011-03-22 19:21:42
【问题描述】：

这就是问题所在 - 在我的主页上，我以指定的浮动宽度显示 9 个模块：向左。高度没有指定，并且会随着我发布到部分/类别的每篇新文章而变化。每行有 3 个模块，新行的第一个设置为 clear:left。

这适用于 FF3、FF4、Chrome 和 IE8 - 但 IE7 似乎无法正确清除。这些模块，每个都包裹在一个 div 中，似乎忽略了清除，并且看起来几乎就像它们只是漂浮一样。

希望图片能比我能解释的更好 -

IE7：

http://d.pr/N4e4

继续

FF：

http://d.pr/RZcQ

我想知道是否可以告诉 Joomla 在显示每组 3 个模块后添加一个<div class="clear"></div>？

<div class="module">CONTENT</div>
<div class="module">CONTENT</div>
<div class="module">CONTENT</div>
<div class="clear"></div>
<div class="module">CONTENT</div>
<div class="module">CONTENT</div>
<div class="module">CONTENT</div>
<div class="clear"></div>
<div class="module">CONTENT</div>
<div class="module">CONTENT</div>
<div class="module">CONTENT</div>
<div class="clear"></div>

所有这些都是单个 jdoc:include 语句的结果：
<jdoc:include type="modules" name="articles" style="Articles" />

谢谢！！

【问题讨论】：

您希望这是自动添加清晰的 div 还是手动插入到模板中？
好吧，我相信它必须是自动的，因为一个 jdoc 正在加载该部分中的所有 9 个模块。不过，我愿意接受任何建议。

标签： css loops joomla

【解决方案1】：

问题很可能出在您的 CSS 中，而您清除浮动的方式不适用于 IE7。您可能应该在您的 CSS 中实现可靠的清晰修复，这里有一篇非常好的文章，介绍了适用于任何现代浏览器以及 IE6/7 的更新的清晰修复。

http://perishablepress.com/press/2009/12/06/new-clearfix-hack/

【讨论】：

我想我应该提一下，您需要在要清除的每个模块的模块类后缀中添加“clearfix”。根据模板的编码方式，您可能需要在“clearfix”前面留一个空格。
我已经对此进行了测试（已经有一个 .clearfix），但它似乎没有任何效果。目前，代码如上所示，没有每 4 个 div 清除一次。相反，我在新行的第一个 div 上使用“clear：left”。（希望这是有道理的）。
您尝试了哪些 clearfix 代码？这可能与它与 IE7 的工作方式有关。在最坏的情况下，您可以添加空的自定义 HTML 模块并对其应用一些 CSS 以使所有内容正确排列。
嗯... 空的自定义 HTML 实际上可以解决问题。不是最漂亮的解决方案，但它会清除它。