Items are overlapped in layout of category page in Joomla (due to container height attribute)
Asked 07 September, 2021
Viewed 807 times
  • 55
Votes

I'm developing a website using Joomla 3.2.1, K2 and creativia template. I've already done quite a lot of customization and everything works fine. I've only one, big problem. When I select a category to have a list of items, it results in a mess of overlapped images (meaning that all items are displayed but the layout does not work). If I simply reload the page (or even open firebug to check the page properties), everything is back correctly to his place.

You can check the problem here: http://www.nicolamontera.it/NewVersion

Just open the menu item Architettura or Grafica (it happens from time to time).

EDIT: From further investigation I found that the attribute height in the container DIV changes quite randomly when loading the page. If I get a small value, then everything is messed up. It seems to be something related to a timing in evaluating that value (which is calculated dynamically).

How can I fix that?

1 Answer