overflow hidden안 absolute

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
댓글 게시
dasony
게시물: 1
참여됨: 2007 12 21 12:49 45
연락:

overflow hidden안 absolute

게시물 작성자 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
위치: 서울-관악
연락:

Re: overflow hidden안 absolute

게시물 작성자 겨미겨미 » 2007 12 24 10:11 19

wrap 디비전(overflow 속성을 hidden으로 선언한 디비전)의 position 속성을 relative로 주고, 자식 디비전의 position 속성을 absolute로 부여하면 됩니다.
tenshi라는 아이디를 쓰던 김군우입니다.

댓글 게시

누군가 접속

유저들이 이 포럼을 탐색중: 가입된 유저 없음 그리고 6 손님들