position질문 드립니다.
잎새
left메뉴에 롤오버시 레이어를 띄우려고합니다.
그런데, 레이어가 제대로 띄워지지 않아 질문드립니다.
글로쓰자니 길어질듯해 그림으로 설명드리겠습니다.
제가 원하는건 첫번째 그림인데 지금 현재는 left에 빨간 레이어를 위치시키면 저렇게 안쪽으로 숨고
center로 위치시키면 음수값으로 조정했을때 그만큼 뒤쪽으로 숨어버립니다.
z-index를 적용해도 별다른게 없습니다.
무엇이 잘못된걸까요? 살려주세요.
/******************************************************************************
레이아웃 관련
******************************************************************************/
#warp {width:100%; height:100%;}
#main_container{width:1260px; height:858px; margin:0 auto; text-align:left; overflow:hidden; background:url(../../images/front/common/foot_bg.jpg) no-repeat;}
#main_contents{width:858px; height:680px;text-align:left;float:left;background:url(../../images/front/common/main_content.gif) no-repeat; overflow:hidden; }
#main_Left{width:218px; height:858px;text-align:left;float:left; overflow:hidden; background:url(../../images/front/common/left_bg.jpg) no-repeat; }
#main_Right{width:184px; height:858px;text-align:left;float:left;overflow:hidden; background:url(../../images/front/common/mright_bg.jpg) no-repeat;}
#main_Bottom{width:858px; clear:both; position:relative;top:-165px; left:218px; }
/******************************************************************************
좌측메뉴 관련
******************************************************************************/
#Leftmenu_sub_wrap {position:relative; width:250px; height:300px; top:-380px; left:-20px;}
#Leftmenu_sub1 {position:absolute; width:239px; height:300px; overflow:auto; z-index:99;}
#Leftmenu_sub1 .menu {top:320px; left:410px; width:220px; padding:1px 1px 1px 1px; background:#424242;}#Leftmenu_sub1 .menu li.subject a {color:#fff;; text-decoration:none;}
#Leftmenu_sub1 .menu li.subject a:hover {font-weight:normal; color:#ffd200; text-decoration:none;}
-
올해1살
와!! 별수다님 너무 감사해요!!! 알럽쏘마칰!!!!!
-
부루
해당 영역의 overflow:hidden이 있다면 레이어가 그 영역 밖으로 나갈 수 없습니다.
css에서 overflow:hidden을 삭제하시고 테스트 해보심이 ^^