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을 주면 됩니다.
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2752135 | [질문]칼라피커 콘트롤에 특정칼라를 선택된상태로만들려면 어떻게하면되나여? | 널위해 | 2026-10-21 |
| 2752110 | $box.find("img").width()에서 이미지에.. | 해뜰참 | 2026-10-21 |
| 2752024 | 소숫점 뺄셈 !! ㅠㅜ | 초롬 | 2026-10-20 |
| 2751970 | 자바 게임 만들려는데 부탁드립니다 (1) | 라온제나 | 2026-10-19 |
| 2751908 | 자바스크립트 처리속도를 체크할 수 있는 방법 있나요? (1) | 테이 | 2026-10-19 |
| 2751822 | 그누보드 아이프레임으로 구현했는데 제목 클릭해서 들어가면 푸터가 동동...떠다녀요 | 내꺼하자 | 2026-10-18 |
| 2751790 | 자바 그래픽 관련을 공부하고 싶은데요.. 어디 좋은 사이트나 책 없을까요?? (1) | 큰재 | 2026-10-18 |
| 2751733 | CTF가머죠? (5) | 두동 | 2026-10-17 |
| 2751709 | 배열부분 궁금한 부분이있습니다. | 딸기우유 | 2026-10-17 |
| 2751677 | 포인터 책을 보다가,,, (2) | 동백 | 2026-10-17 |
| 2751648 | 익스플로 버전에 따라서 생기는 공백.. (1) | 모아 | 2026-10-17 |
| 2751623 | DEL 태그의에서 선굵기 및 컬러지정이 가능한가 해서요~ (4) | 비치나 | 2026-10-16 |
| 2751573 | 테마 업로드 에러.. (1) | 꽃 | 2026-10-16 |
| 2751548 | 수학? 물리?? (3) | 찬늘 | 2026-10-16 |
| 2751461 | 상단네비 fixed ie6 핵 해결방안이 있을까요? | 맑다 | 2026-10-15 |
| 2751436 | 레이아웃을 잡고 코딩을 하는데 드림위버에서의 결과와 IE에서 결과가 다르게 나오네요. (3) | 키클 | 2026-10-15 |
| 2751403 | 형들좀도와주세요string compression (1) | 알렉산더 | 2026-10-14 |
| 2751349 | 링크 다운로드하기 | 팬지 | 2026-10-14 |
| 2751267 | 플래시8 사용에서 플레이어 만들었는데요 (1) | 블1랙캣 | 2026-10-13 |
| 2751182 | 회원가입 | 파랑새 | 2026-10-12 |
