안녕하세요...질문이 있어서 문의 드립니다.
다름이 아니구....
=====================
top
=====================
l :
e : body
f :
t :
=====================
요렇게 삼단으로 나뉘어져 있는 프레임셋을 구성하려고 합니다.
홈피가 아니고...시스템 ui라서 디자인이 좀 제한적입니다.
그런데 사용자가 좌측 메뉴에 롤오버를 하면 펼쳐지면서 바디 프레임 밖으로 나오는 메뉴를 구성해야 하는데...
레이어가 body 프레임 밖으로 안나오고 안으로 숨네요..
검색을 해보니 이 카페에 어느분이
======================================================================================================================
스타일시트로 가능합니다 해당 레이어 스타일에 position:absolute;padding-left:왼쪽부터 띄어질 px수치;padding-top:위쪽으로부터
띄어질 px수치; 주시고요 레이어에 추가스타일시트로 z-index:2; 프레임에 z-index:1;를 주시면 깊이값도 레이어가 높아지므로 위로
자연스럽게 보이실겁니다
======================================================================================================================
이렇게 답변을 하신게 보여서...적용을 해봤는데...레이어가 여전히 메뉴 밑으로 숨네요...
제가 적용한 프레임셋 소스는
======================================================================================================================
<frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="1.html" name="topFrame" scrolling="No" style="z-index:1" noresize="noresize" id="topFrame" />
<frameset rows="*" cols="150,*" framespacing="0" frameborder="no" border="0">
<frame src="2.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" style="z-index:1"/>
<frame src="3.html" name="mainFrame" id="mainFrame" style="z-index:1"> />
</frameset>
</frameset>
======================================================================================================================
그리고 밑에 있는게 레이어 메뉴 입니다. 스크립트는 오픈소스를 썼는데...스크립트는 이상이 없는것 같아요..
메뉴를 테스트로 만들어 봤는데...숨어요..ㅠㅠ
======================================================================================================================
<div id="layer1" style="border-width:1px; border-style:none; width:200px; height:200px; position:absolute; left:26px; top:14px; z-index:2;"> </div>
======================================================================================================================
혹시...아시는 분...방법좀 알려주세요........부탁드립니다.
첫댓글 style="z-index:1" 요 부분이요.. 레이어가 겹치는 것중 순번을 정하는것인데.. 전부 1이네요.. 숫자가 큰 레이어가 젤 위에 온다고 알고 있습니다. 위로와야할 레이어에 style="z-index:3" 아니면 확 30쯤으로 올려보세요.. 레이어상은 이게 맞는데.. 아이프레임으로 불러오는거라 확답은 못하겠네요.. (아이프레임을 안쓰는 1인 입니다 ^^;;)
프레임셋하고 div 부분하고 z-index가 서로 바뀌어 있습니다. z-index는 작은게 큰거 위로 오는 겁니다.
케이군님...z-index는 숫자가 큰 레이어가 젤 위에 오는거 아닌가요? 그렇게 알고 있는데... 쩡아낭자님...z-index의 숫자를 변경해봐도 바디 프레임 뒤로 숨네요...ㅠ.ㅠ 감사합니다...조금더 찾아봐야할것 같아요...ㅠㅠ 혹시 다른 아시는 분 계시면 방법좀 알려주세요..
...z-index: 2;가 앞으로 오는데 말이죠^^;; 레이어가 겹치거나layer1 이라는 레이어가 또 있거나 스타일이 두번 겹치거나 하면 안보이긴 하는데...뒤로 숨는다는건 아무래도z-index 때문이라는 생각밖에 안드네요 ㅜㅜ 저는 똑같은 고민할때 요렇게 해서 해결 했는데->> z-index:10; visibility:hidden 음...아이프레임 3개를 html한곳에 뭉쳐보면 어떨까요? 겹치거나 하는 부분이 있으면 안보여 지잖아요.그래서 레이어 명이나 z-index부분을 하나씩 살펴보는것도 괜찮을것 같네요.^^;;해결하시길...
html파일이 다른데 자신의 파일밖으로 튀어나오게 하기란 엄청 어려워보이네요. 아래는 프레임으로 하지말고 왼쪽메뉴놓고 옆에 컨텐츠는 아이프레임으로 하게되면 간단할텐데... 아이프레임을 내부파일 길이만큼 자동으로 세로길이가 늘어나게 하는 스크립트 써서요.
프레임셋을 사용했을때 다른 프레임에 레이어를 띄우는건 불가능한거 아닌가요? 전혀 다른 3개의 창세트가 프레임셑인데.. 그것은 마치 다른창에 레이어를 띄우자는 것과 같다고 보입니다....... 그래도 굳이 해야한다면 띄울프레임에 레이어 만들어놓고 자바스크립트를 사용하여 컨트롤하는 방법밖에는....
햐~ 밤톨님 말씀이 맞네요..플그램 잘짜는 지인분께 여쭤뜨니 대 놓고 불가능 이라고 말씀 하시네요. 프레임셋으로 불러올때는 프레임 건너서 레이어가 나오는건 불가능 이래요 ㅜㅜ(이분...개발쪽에는 도가 트신분이라 전 잘 몰라도 무조건 믿어요)... 가능하게 하는 방법은 "자바스크립트로 프로그램 졸~~~ 짜야 함 ㅋ" 이라고 대답하셨음 ㅜㅜ ... 웹디가 하기엔... 안되나 봅니다 흑흑 ㅜㅜ...저는 아이프레임은 안쓰지만 될거라 생각하고 막 찾고 있었는데.. 삽질 이였네요 ㅜㅜ
다들 감사합니다... 아이프레임으로 해봤는데...안되고 있었어요...ㅠ.ㅠ 프로그램 졸~~..ㅋㅋ 덕분에 한번 웃었습니다..다들 좋은하루 보내세요