"position:relative;"가 있는 div와? 정보
"position:relative;"가 있는 div와?
본문
"position:relative"가 있는 div와 바로 위 하단 펼침 목록의 div겹쳐 그냥 단순하게
해당되는 두 div에 "z-index"를 지정했는데 그래도 서로 겹쳐 유난을 떠네요?
ie오류도 아닌듯 싶습니다. 다른 브라우저 출력도 같은 현상이거든요.
ie(6,7)오류 였다면 종속되는 div에 역순으로 z-index를 주면 해결 되는 걸로 알고 있습니다.
관련 문서를 6시간째 찾아 보는데 없는 것을 보니 제가 무엇을 잘 못 하고 있다는 건데
미치갔네요. 혹시 미칠까봐 실례해 봅니다.
발전에 몸부림치는 심야 되십시요!
해당되는 두 div에 "z-index"를 지정했는데 그래도 서로 겹쳐 유난을 떠네요?
ie오류도 아닌듯 싶습니다. 다른 브라우저 출력도 같은 현상이거든요.
ie(6,7)오류 였다면 종속되는 div에 역순으로 z-index를 주면 해결 되는 걸로 알고 있습니다.
관련 문서를 6시간째 찾아 보는데 없는 것을 보니 제가 무엇을 잘 못 하고 있다는 건데
미치갔네요. 혹시 미칠까봐 실례해 봅니다.
발전에 몸부림치는 심야 되십시요!
추천
0
0
댓글 8개
고생많으시네요
어서 주무세요 -_-;;;
어서 주무세요 -_-;;;

디자인 3개 잡았다는 글과 디자인 봤습니다. 저라면 엄두도 못낼 일인데......
디자인만 발주내리지 않으면 먹고 살만 하겠는데 비법이 있으면 강좌라도
해주시길!!!
제 눈높이가 엑셀수준이라고 누가 그래서 충격먹고 요즘 떡실신 중입니다.
불끈하세요!
디자인만 발주내리지 않으면 먹고 살만 하겠는데 비법이 있으면 강좌라도
해주시길!!!
제 눈높이가 엑셀수준이라고 누가 그래서 충격먹고 요즘 떡실신 중입니다.
불끈하세요!

relative의 z-index:1이면
absolute의 z-index:2이면 대부분 먹히던데요?..
아니면,,relative와 absolute의 div를 한번 더 전체적으로 div로 감싸보는 방법도 있을듯합니다?..
absolute의 z-index:2이면 대부분 먹히던데요?..
아니면,,relative와 absolute의 div를 한번 더 전체적으로 div로 감싸보는 방법도 있을듯합니다?..

아래가 해당 두 div스타일인데 제가 겹치는 부분에 정확하게 z-index를 주지 않아서
문제가 되었나 봅니다. 돈 생기는 일이 아니라 혼자 처리하고 있는데 깊이 없는
지식에 한계를 느끼네요. 감사합니다.
-------------------------------------------------------------
/* 메뉴 스탈 */
.menu {font-size:11px;padding:0px; float:right; width:700px;}
.menu ul {padding:0;margin:0;list-style-type:none; height:28px; background:#267cb2; z-index:2000;} /* 바로 위 menu 에 z-index를 줘서 계속 같은 현상 이었네요 */
.menu ul ul {width: auto;}
.menu ul li {float:left;height:28px;line-height:28px;}
.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em; border-bottom:1px #2384BF solid;}
/* 생략 */
-------------------------------------------------------------------
/* 그 아래 겹치는 div(position:relative) */
/* 최근게시물 'A'타입 스타일 */
.dok-a_latestbasic { background-color:#ffffff; margin-bottom:15px; border:1px solid #dddddd; text-align:left; }
.dok-a_latestbasic_bgoutline { position:relative; margin:0 auto; background-color:#e8e8e8; z-index: 1000;} /* ### 이놈이 문제 였는데 */
.dok-a_latestbasic_bo_subject { font-weight:700; margin:0px; padding:6px 6px 6px 10px; list-style:none;}
/* 이하 생략 */
문제가 되었나 봅니다. 돈 생기는 일이 아니라 혼자 처리하고 있는데 깊이 없는
지식에 한계를 느끼네요. 감사합니다.
-------------------------------------------------------------
/* 메뉴 스탈 */
.menu {font-size:11px;padding:0px; float:right; width:700px;}
.menu ul {padding:0;margin:0;list-style-type:none; height:28px; background:#267cb2; z-index:2000;} /* 바로 위 menu 에 z-index를 줘서 계속 같은 현상 이었네요 */
.menu ul ul {width: auto;}
.menu ul li {float:left;height:28px;line-height:28px;}
.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em; border-bottom:1px #2384BF solid;}
/* 생략 */
-------------------------------------------------------------------
/* 그 아래 겹치는 div(position:relative) */
/* 최근게시물 'A'타입 스타일 */
.dok-a_latestbasic { background-color:#ffffff; margin-bottom:15px; border:1px solid #dddddd; text-align:left; }
.dok-a_latestbasic_bgoutline { position:relative; margin:0 auto; background-color:#e8e8e8; z-index: 1000;} /* ### 이놈이 문제 였는데 */
.dok-a_latestbasic_bo_subject { font-weight:700; margin:0px; padding:6px 6px 6px 10px; list-style:none;}
/* 이하 생략 */
불량감자님좋은정보 감사

안쪽 div에 absolute를 주면 relative 에있는 div안에서 left, top등을 조정할수 있지 않을까요?
그전에 썼던거는 제가 봐도 모르겟네요 ㅎ;
그전에 썼던거는 제가 봐도 모르겟네요 ㅎ;

근 4일을 잠을 거의 못 자서 이러는 이유도 있고 지식이 뻘쭘해서 문제가 생기면 당황하는
이유도 있고....결국은 div종속 관계만 생각했지 css스타일을 보고도 정확하게
어떤 div가 겹치는 지를 판단하지 못했던 어리석음이었네요. 감사합니다!
머리에서 김이 나오고 있었는데 이제 좀 안심이네요!
이유도 있고....결국은 div종속 관계만 생각했지 css스타일을 보고도 정확하게
어떤 div가 겹치는 지를 판단하지 못했던 어리석음이었네요. 감사합니다!
머리에서 김이 나오고 있었는데 이제 좀 안심이네요!

해결 되셨다니 다행입니다!
잠의 소중함을 다시한번 느끼네요 ㅎ... 일현님도 마무리 하시고 얼릉 주무세요 ^^
잠의 소중함을 다시한번 느끼네요 ㅎ... 일현님도 마무리 하시고 얼릉 주무세요 ^^