jquery - Los elementos se superponen en el diseño de la página de categoría en Joomla(debido al atributo de altura del contenedor)

html css

Question

Estoy desarrollando un sitio web utilizando Joomla 3.2.1, K2 y la plantilla de creatividades. Ya he hecho bastante personalización y todo funciona bien. Sólo tengo uno, gran problema. Cuando selecciono una categoría para tener una lista de elementos, resulta en un lío de imágenes superpuestas (lo que significa que todos los elementos se muestran pero el diseño no funciona). Si simplemente recargo la página (o incluso abro Firebug para verificar las propiedades de la página), todo vuelve a estar en su lugar.

Puede consultar el problema aquí: http://www.nicolamontera.it/NewVersion

Simplemente abra el elemento de menú Architettura o Gráfica (esto sucede de vez en cuando).

EDITAR : A partir de una investigación adicional, descubrí que la height del atributo en el DIV del container cambia de manera bastante aleatoria al cargar la página. Si obtengo un valor pequeño, entonces todo está en mal estado. Parece ser algo relacionado con un tiempo en la evaluación de ese valor (que se calcula de forma dinámica).

¿Cómo puedo arreglar eso?

Answer 1

Utilice un clearfix que solucionará este problema que está teniendo. Por favor, déjeme saber si funciona.

así que usé la clase "grupo" y lo puse como div en HTML donde se está colapsando. Si tiene un contenedor sobre estos elementos, tiene problemas con el poner esta clase con el contenedor al lado.

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