부모 element 의 높이를 그대로 받아
자식 element 에 높이를 지정하려면
부모와 자식에 같은 높이 px 값을 주면 된다.
그러나 부모의 높이가 항상 일정하지 않을 경우가 있다.
특정 상황에서 높이가 변한다면 자식에는 height: auto;를 주면 된다.
하지만
우리의 귀염둥이 IE 6 은 언제나 혼자 논다.
변하고 있는 부모 element의 height 와 상관 없이
자식 element는 부모 height를 늘여 있는 그대로를 전부 표시한다.
자바스크립트를 이용하여
getElementById 로 부모의 height를 설정하여 지정해야 하는건가
IE 6 하나 때문에 모든 브라우저에서 자바스크립트 렌더링을 해줘야 하는건가-_-
훗.
IE 6 핵 중에 expression 을 이용하면 단박에 해결된다.
#자식selector {
height: expression(document.getElementById('부모id').style.height );
}
이럼 IE 6 만을 위한 스크립트 완성이다.
야호!
Posted by mkyoon
