这就是问题 - 在我的主页上,我以指定的宽度显示9个模块,浮动:向左。高度未指定,并且会随着我发布到部分/类别的每篇新文章而有所不同。每行有3个模块,新行的第一个设置为clear:left。
这适用于FF3,FF4,Chrome和IE8 - 但IE7似乎没有正确清除。这些模块,每个都包含在div中,似乎忽略了清晰,并且看起来几乎就像它们只是浮动一样。
希望图像可以解释得比我更好 -
IE7:
和
FF:
我想知道的是,如果我能告诉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" />
谢谢!
答案 0 :(得分:0)
问题很可能在你的CSS中,你清除浮动的方式不适用于IE7。您可能应该在CSS中实现一个明确的明确修复,这是一篇关于更新的明确修复的非常好的文章,适用于任何现代浏览器和IE6 / 7。
http://perishablepress.com/press/2009/12/06/new-clearfix-hack/