나중에 div 스타일을 특정 높이로 설정하면 IE나 FF에 관계없이 정상적으로 작동할 수 있다는 사실을 발견했습니다.
그런데 이 높이는 고정되어 있지 않고 인접한 div의 내용에 따라 달라집니다. 결국 JavaScript를 사용하여 로드 시 해당 div의 높이를 캡처하고 이를 지정된 div 스타일에 할당한 후 최종적으로 원하는 내용을 확인해야 했습니다.
구체적인 스크립트는 다음과 같습니다:
window.onload=function(){
document.getElementById('bg').style.height=document.getElementById('mydiv' ) .offsetHeight 'px';
}
"bg"는 높이를 변경하려는 div이고, "mydiv"는 참조하려는 div입니다.
마지막 단위 "px"를 추가해야 합니다. 그렇지 않으면 ff에서 인식되지 않습니다.
여전히 문제가 있습니다. IE7에서는 offsetHeight 속성이 더 이상 지원되지 않는다고 말하는 사람이 있었습니다. 구체적으로 시도하지는 않았습니다. 이 경우 IE7에서는 비어 있어야 합니다.