2011-03-22 73 views
0

问题出在这里 - 在我的主页上,我显示了9个模块,其宽度为float:left。高度没有指定,并且会随着我发布到部分/类别的每篇新文章而有所不同。每行有3个模块,新行的第一行设置为清除:左侧。Joomla - 我可以在#个模块之后添加代码吗?

这适用于FF3,FF4,Chrome和IE8 - 但IE7似乎没有正确清除。这些模块,每个包裹在一个div中,似乎都忽略了清晰,并且几乎就像浮动一样。

希望,图像会解释说,比我能 -

IE7:

ie7 http://d.pr/N4e4

FF:

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的结果:包括声明:
<jdoc:include type="modules" name="articles" style="Articles" />

谢谢!

+0

你想这是你清楚DIV的自动添加或插入到模板手动吗? – 2011-03-22 19:29:28

+0

嗯,我相信它必须是自动的,因为一个jdoc正在加载该部分中的所有9个模块。我愿意接受任何建议。 – 2011-03-22 19:32:20

回答

0

这个问题很可能在你的CSS中,你清除浮动的方式不适用于IE7。你可能应该在你的CSS中实现一个明确的修复,这是一个关于更新的清除修复的好文章,适用于任何现代浏览器和IE6/7。

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

+0

我想我应该提到你需要添加“clearfix”到你想要清除的每个模块的模块类后缀。根据模板的编码方式,您可能需要在“clearfix”之前留出空间。 – 2011-03-23 00:22:20

+0

我测试过了(已经有一个.clearfix),但它似乎没有任何效果。目前,代码如上所示,没有清除每个第四个div。相反,我在新行的第一个div上使用了“clear:left”。(希望有道理)。 – 2011-03-23 12:47:01

+0

你尝试了什么clearfix代码?这可能与IE7的工作方式有关。最糟糕的情况是,您可以添加空白的自定义HTML模块,并将一些CSS应用于这些模块,以使所有内容正确排列。 – 2011-03-23 16:13:06

相关问题