th의 position
봄해
이 이미지처럼 머리글 옆에 버튼을 클릭하면 아래 레이어가 뜨는 작업을 진행중인데요,
th에 position:relative를 주고 아래 레이어에 position:absolute로 진행하면 될꺼라고 생각했는데 그렇게 안됩니다.
th자체에 position:relative가 적용이 안되는가봅니다.
ie7에서는 하단으로 떨어지지도 않고 난감;;
크로스브라우징 (ie7 이상, ff, chrome, safari) 되어야하구요,
th부분이 늘어남에 따라 상대적으로 저 레이어가 따라다녔으면 좋겠는데...
제겐 너무 어렵습니다.
도와주세요~
이런 코딩 어떻게 하죠? 수다님이 해주신 방법으로 해봤는데..
div.wrap {
position:relative;
}
div.wrap ul {
position:absolute;
}
-
By은지
해결했습니다. ㄳ ㄳ th에 overflow:hidden 걸려있었더라구요. 포지션에 대한 이해 맞게하고 있는거였네여 다행^^;
-
다솜
div.wrap에 overflow:hidden 걸려있겠네요.
기존에 .wrap 클래스를 사용하고 있어서 충돌났을겁니다.
그리고 position:absolute를 사용할 경우 left, top 등의 좌표값을 명시해줘야 크로스브라우징이 됩니다. -
sin
div로 감싸보니 position:relative를 주면 th영역 밖으로 레이어 뜨지 않고 th영역 안으로 숨어버리는데 z-index도 소용없구요. 제가 포지션에대한 이해를 잘못하고있는건 아닌지 모르겠네여. 이미지는 추가해 올려볼게요~
-
WatchOut
테이블 요소에는 position이 되지 않기 때문에 div를 넣고 position을 주면 됩니다.