메인 컨텐츠로 동적으로 네비게이션 div 크기 조정

Question

안녕하십니까
메인 페이지의 컨텐츠가 모든 페이지마다 다른 높이가 될 것이므로 지금 워드 프레스 사이트를 구성하려고합니다. 탐색 사이드 바가 필요합니다. 같은 높이로.
그래서 약간의 자바 스크립트 톰 어리석은 짓으로 내가

function adjust(){ 
    hgt=document.getElementById('content').offsetHeight; 
    document.getElementById('sidebar').style.height=hgt+'px'; 

} 
window.onload=adjust; 
window.onresize=adjust; 

이제 모든 긴 페이지에 대한 좋은 그러나 다음 코드로 같은 높이로 사이드 바를 얻을 수있는 내용이 사이드 바 물건 도착 후 작은 경우 모두 지저분 해. 그래서 나는 그렇게

function adjust() 
{ 
if (document.getElementById('content').style.height < document.getElementById('sidebar').style.height){ 
hgt=document.getElementById('content').offsetHeight; 
document.getElementById('sidebar').style.height=hgt+'px'; 
else 
hgt=document.getElementById('sidebar').offsetHeight; 
document.getElementById('content').style.height=hgt+'px'; 
} 
} 
window.onload=adjust; 
window.onresize=adjust; 

같은 if 문을 시도하지만 그건 그냥 아무것도하지 않기 때문에 어떤 아이디어가 무슨 일이야?

Answer 1

은 여러 이유가있을 수 있습니다. Waleed는 폐쇄가 없다고 말하면서

1).

2)

document.getElementById('sidebar').style.height 

에 대한 명시 적 스타일을 설정하지 않은 경우는 ""

3을 반환합니다)는주의 가정 style.height하고는 offsetHeight은 동일합니다. 다른 하나는 마진과 paddingC를 차지 할 수있는 하나의 브라우저에 따라 :

는

Answer 2

새로운 코드는 사람이

function adjust() 
{ 
    if (document.getElementById('content').offsetHeight < document.getElementById('sidebar').offsetHeight) 
     { 
     hgt1=document.getElementById('sidebar').offsetHeight; 
     document.getElementById('content').style.height=hgt1+'px'; 
     } 
     else 
     { 
     hgt2=document.getElementById('content').offsetHeight; 
     document.getElementById('sidebar').style.height=hgt2+'px'; 
     } 

} 
window.onload=adjust; 
window.onresize=adjust; 

당신은 다른 전에 닫는 중괄호 누락