项目在Joomla中的类别页面布局中重叠(由于容器高度属性)

Ded*_*ool 17 html css jquery joomla joomla-k2

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

你可以在这里查看问题:http: //www.nicolamontera.it/NewVersion

只需打开菜单项Architettura或Grafica(它会不时发生).

编辑:从进一步调查,我发现该属性heightcontainerDIV加载页面时改变相当随意.如果我得到一个小值,那么一切都搞砸了.它似乎与评估该值(动态计算)的时间有关.

我该如何解决这个问题?

小智 1

使用clearfix 可以解决您遇到的这个问题。请告诉我是否有效。

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

.group:after{
    content: "";
    display: table;
    clear: both;
}
Run Code Online (Sandbox Code Playgroud)