如何使Joomla主要内容和模块列动态匹配高度？

Question

您好我有一个Joomla网站，其中包含2列的模板。一个用于主要内容，另一个用于模块。在不同的页面上，内容列比模块列短，反之亦然。如何确保2列始终具有相同的高度，以便它们在任何页面的页脚上均匀相遇？

Answer 1

你需要一些CSS黑客或Javascript。我个人赞成Javascript方法，谷歌等高度柱。

Answer 2

使用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);  
  }  
});  

您可以使用CSS确保页脚停留在页面底部。 爱Mootools。