2010-07-14 3 views
0

안녕하세요, 나는 2 열이 템플릿과 Joomla 사이트가 있습니다. 하나는 메인 컨텐츠 용이고 다른 하나는 모듈 용입니다. 다른 페이지에서 내용 열은 모듈 열보다 짧거나 그 반대입니다. 페이지의 꼬리말에서 똑같이 만날 수 있도록 두 열이 항상 같은 높이인지 어떻게 확인할 수 있습니까?Joomla 메인 콘텐츠 및 모듈 열을 동적으로 높이와 일치하게 만드는 방법은 무엇입니까?

답변

1

:

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를 사용할 수 있습니다. Love Mootools.

1

일부 CSS 해킹 또는 자바 스크립트가 필요합니다. 개인적으로 나는 자바 스크립트 방법, 구글 같은 높이 collumns을 선호한다. 자바 스크립트를 사용