代码之家 › 专栏 › 技术社区 › Martin

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

equals mootools joomla html css

Martin · 技术社区 · 14 年前

嗨,我有一个Joomla网站的模板,有2列。一个用于主要内容,另一个用于模块。在不同的页面上,内容列比模块列短,反之亦然。如何确保这两列的高度始终相同,以便它们在任何页面的页脚处相等?

2 回复 | 直到 14 年前

Chase Wilson 14 年前

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确保页脚位于页面底部。我喜欢工具。