css - Joomla - 我可以在# of modules 之后添加代码吗？

Question

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

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

希望一张图片能比我能更好地解释这一点 -

IE7:

http://d.pr/N4e4

继续

FF:

http://d.pr/RZcQ

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

<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" />

谢谢!!

Answer 1

问题很可能出在您的 CSS 中，您清除 float 的方式不适用于 IE7。您可能应该在您的 CSS 中实现一个可靠的清除修复，这里有一篇关于更新的清除修复的非常好的文章，适用于任何现代浏览器，也适用于 IE6/7。

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