묻고답하기
레이어크기에따라 밑에레이어 값이 변경되려면 어떻게해야하나요
2011.04.07 10:14
설명을 못해도 이해해주시구요 ㅠㅠ
메인 페이지의 왼쪽에 붙는 메뉴창을 만들었는데요
레이어1과 레이어 2가 붙어있습니다.
근데 테이블 <td>안에 레이어1과 레이어2를 넣으면
메뉴를 마우스 오버시에 오른쪽에 메뉴가 나오게되는데 이 나오는 메뉴가 짤립니다
그렇다고 width를 많이줘버리면 메뉴 오른쪽이 텅 비어버리니 안되겠고
<div>(레이어)로 주자니 레이어1의 height가 길어질때가있는데 이럴땐 레이어1의 하단이 짤리게되는 문제점이있습니다
어떻게해야하나요 ㅠㅠ
댓글 3
-
막장바
2011.04.07 16:09
<div id="swfDiv" style="position:absolute; left:expression((document.body.clientWidth/2)-502); top:122px; width:220px;height:700px; z-index:0">
레이어1의내용
</div>
<div id="swfDiv" style="position:absolute; left:expression((document.body.clientWidth/2)-502); top:425px; width:220px;height:700px; z-index:0">
레이어2의 내용
</div>
이렇게 되어있습니다
2개 레이어 감싸주거나 그런건없이 위에 소스가 다입니다;
마우스 오버시 나오는 서브메뉴가 짤리기때문에 테이블안에 넣지 않았습니다 -
저도 답변을 드리고 싶은데 제가 질문을 잘 이해하지 못했는지 어렵습니다.
처음 질문은 테이블이나 div안에 넣으면 전체적으로 짤려서 보이지 않는 부분이 문제라고 하셧는데,
추가 내용에"마우스 오버시 나오는 서브메뉴가 짤리기때문에 테이블안에 넣지 않았습니다" 라고 하심은 테이블이나 div에 넣지 않으면 아무 문제가 없어보이는데.. (그럼 그냥 그렇게 사용하셔도...되지 않을지.. ;;)
추가 내용의 소스는 이미 포지션이 고정이며 서로 겹치고 z인덱스 또한 같고 넓이와 높이가 고정되어 있는 두개의 div 입니다.
그 다음 문제가 무엇일까요? 최소한 모양을 확인 할 수 있는 레이아웃 소스나 테스트 화면을 볼 수 있는 주소라도 적어 주셔야 확인 할 수 있지 않을까요?
우선 div 포지션이 relative이고, overflow가 auto라면 내부의 값에 따라 높이가 조절될텐데 이때는 레이어2의 위치도 자동으로 내려가게 됩니다. 현재 질문에 답변을 드릴 수 있는것 이 여기까지 밖에 안되네요.
사용 하시는 레이아웃 코드를 올려주시는게 더 정확한 답변을 얻을 수 있을것 같습니다.