Comment faire pour que les colonnes de contenu principal et de modules Joomla correspondent dynamiquement à la hauteur?

Question

Salut, j'ai un site Joomla avec un modèle qui a 2 colonnes. Un pour le contenu principal et l'autre pour les modules. Sur des pages différentes, la colonne de contenu est plus courte que la colonne de module ou vice versa. Comment puis-je m'assurer que les deux colonnes ont toujours la même hauteur de façon à ce qu'elles se rejoignent également au pied de page?

Answer 1

Utilisation de JavaScript:

window.addEvent('load', function(){ 
// Load assuming there could be images.  
// Otherwise use domready 
    var columns = $$('css selector for the columns'); 
    if(columns && columns.length > 1){ 
    var heights = []; 
    columns.each(function(el){ 
     heights.push(this.getStyle('height')); 
    }).setStyle('height', Math.max.apply(Math, heights)); 
    delete(heights); 
    } 
}); 

Vous pouvez utiliser les CSS pour vous assurer que votre pied de page reste au bas de la page. Love Mootools.

Answer 2

Vous aurez besoin de quelques hacks CSS ou Javascript. Personnellement, je privilégie la méthode Javascript, google égal hauteur collumns.