국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
-
dasony
- 게시물: 1
- 참여됨: 2007 12 21 12:49 45
-
연락:
게시물
작성자 dasony » 2007 12 21 13:28 55
안녕하세요.
코드: 모두 선택
<div style="width: 200px; height: 300px; overflow: hidden;">
<div id="a" style="position: relative; left: 0; top: 0; width: 200px; height: 300px; background-color: red; overflow-y: scroll">
MENU A
</div>
<div id="b" style="position: relative; left: 200px; top: 0; width: 200px; height: 300px; background-color: blue">
MENU B
</div>
</div>
위와 같이 overflow: hidden인 div 내에, absolute로 div를 넣으면 밖의 div 범위를 벗어나는 것도 firefox에서는 렌더링이 됩니다. 반면 IE에서는 되지 않고요.
어느 쪽이 표준에 부합하는건진 찾아봐도 잘 모르겠네요.
어쨌든 absolute element를 위와 같이 clip하고 싶은 경우엔 어떻게 해야하는지 궁금합니다.
감사합니다.
-
겨미겨미
- 게시물: 13
- 참여됨: 2007 04 25 04:07 06
- 위치: 서울-관악
-
연락:
게시물
작성자 겨미겨미 » 2007 12 24 10:11 19
wrap 디비전(overflow 속성을 hidden으로 선언한 디비전)의 position 속성을 relative로 주고, 자식 디비전의 position 속성을 absolute로 부여하면 됩니다.
유저들이 이 포럼을 탐색중: 가입된 유저 없음 그리고 2 손님들