부모 element 의 높이를 그대로 받아
자식 element 에 높이를 지정하려면

부모와 자식에 같은 높이 px 값을 주면 된다.

그러나 부모의 높이가 항상 일정하지 않을 경우가 있다.
특정 상황에서 높이가 변한다면 자식에는 height: auto;를 주면 된다.
자식 element 에는 height: 100%를 주면 된다.

하지만
우리의 귀염둥이 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


Trackback URL : http://mkyoon.com/trackback/74

Leave a comment
« Previous : 1 : ... 28 : 29 : 30 : 31 : 32 : 33 : 34 : 35 : 36 : ... 89 : Next »