Joomla - 我可以在＃個模塊之後添加代碼嗎？

問題出在這裏 - 在我的主頁上，我顯示了9個模塊，其寬度爲float：left。高度沒有指定，並且會隨着我發佈到部分/類別的每篇新文章而有所不同。每行有3個模塊，新行的第一行設置爲清除：左側。Joomla - 我可以在＃個模塊之後添加代碼嗎？

這適用於FF3，FF4，Chrome和IE8 - 但IE7似乎沒有正確清除。這些模塊，每個包裹在一個div中，似乎都忽略了清晰，並且幾乎就像浮動一樣。

希望，圖像會解釋說，比我能 -

IE7：

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

謝謝！

來源

2011-03-22 Tim F

你想這是你清楚DIV的自動添加或插入到模板手動嗎？ – 2011-03-22 19:29:28

嗯，我相信它必須是自動的，因爲一個jdoc正在加載該部分中的所有9個模塊。我願意接受任何建議。 – 2011-03-22 19:32:20

這個問題很可能在你的CSS中，你清除浮動的方式不適用於IE7。你可能應該在你的CSS中實現一個明確的修復，這是一個關於更新的清除修復的好文章，適用於任何現代瀏覽器和IE6/7。

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

來源

2011-03-22 22:52:46

我想我應該提到你需要添加「clearfix」到你想要清除的每個模塊的模塊類後綴。根據模板的編碼方式，您可能需要在「clearfix」之前留出空間。 – 2011-03-23 00:22:20

我測試過了（已經有一個.clearfix），但它似乎沒有任何效果。目前，代碼如上所示，沒有清除每個第四個div。相反，我在新行的第一個div上使用了「clear：left」。（希望有道理）。 – 2011-03-23 12:47:01

你嘗試了什麼clearfix代碼？這可能與IE7的工作方式有關。最糟糕的情況是，您可以添加空白的自定義HTML模塊，並將一些CSS應用於這些模塊，以使所有內容正確排列。 – 2011-03-23 16:13:06

Joomla - 我可以在＃個模塊之後添加代碼嗎？

回答

相關問題