Joomla中分类页面布局中的项目重叠（由于容器高度属性）

Posted 2023-02-23

【中文标题】Joomla中分类页面布局中的项目重叠（由于容器高度属性）

【英文标题】：Items are overlapped in layout of category page in Joomla (due to container height attribute)

【发布时间】：2015-01-05 17:55:22

【问题描述】：

我正在使用 Joomla 3.2.1、K2 和 creativia 模板开发一个网站。 我已经做了很多定制，一切正常。 我只有一个，大问题。 当我选择一个类别来列出项目时，它会导致一堆重叠的图像（这意味着所有项目都显示了但布局不起作用）。 如果我只是重新加载页面（甚至打开 firebug 来检查页面属性），一切都会正确地回到他的位置。

您可以在此处检查问题： http://www.nicolamontera.it/NewVersion

只需打开菜单项 Architettura 或 Grafica（有时会发生）。

编辑：通过进一步调查，我发现container DIV 中的属性height 在加载页面时非常随机地变化。 如果我得到一个很小的值，那么一切都搞砸了。 这似乎与评估该值的时间有关（动态计算）。

我该如何解决这个问题？

【问题讨论】：

如果您将页面上传到某个地方，调试起来会更容易！我完全不明白。如果它是一个计时的东西，它可能正在等待 javascript(jquery) 完成加载，那么它将属性设置为元素！容器的高度是固定在 css 中的，例如 .container height : 200px 或 .container min-height : 200px ，还是脚本中的高度变化？

谢谢 Alen，你是对的......上传它会更有用。我今晚会尝试这样做，并通过更新这篇文章让你知道 URL。无论如何，容器的高度设置为自动，所以我认为它是 jquery 的结果（我已经找到了该代码）。可能我只需要一种方法来等待在显示页面之前评估正确的结果。

@alen-saqe 我在将新网站上传到临时文件夹时遇到了很多问题，但最后我做到了... [链接]nicolamontera.it/NewVersion 只需检查菜单的 Architettura 或 Grafica 项

这是一个脚本问题！从我看到的不是 html 不是 css 脚本没有在文档准备好时触发，并且由于某种原因它被卡住了！ jquery.isotope.min.js 用于制作动态布局！我会看看它是什么原因造成的，如果我能帮忙！我更新了你的问题并在几个小时内回复我，以便我可以调查问题！@

是的，我很确定这完全是关于脚本的（但我花了很多时间来理解这一点）。我实际上认为这与比赛条件有关，因为有时它有效，有时它不...无论如何提前感谢您的帮助和支持

【参考方案1】：

使用可解决您遇到的此问题的 clearfix。请让我知道它是否有效。

所以我使用了“组”类并将其作为 HTML 中的一个 div 放在它正在折叠的地方。如果您在这些元素上有一个容器，则将此类与容器放在一起会有问题。

.group:after
    content: "";
    display: table;
    clear: both;