div 다른 모든것들 보다 최상위에 보이기..

div 다른 모든것들 보다 최상위에 보이기.. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

div 다른 모든것들 보다 최상위에 보이기.. 정보

div 다른 모든것들 보다 최상위에 보이기..

본문

지금 사이트에 상단 메뉴가 하위 페이지뷰의 배너들로 인해 아래로 깔려 가려지고 있습니다.
상단 메뉴는 무조건 최 상위에 나오게 하고 싶은데.. 어떻게 해야 할까요 ?

div, li 개체를 쓴 경우 그런거 같은데..
너무 문외한 이라 죄송..합니다.

http://www.e-builders.co.kr/index.php

상단 메뉴인 포인트 게임에 나오는 부분이 아래 배너에 먹힙니다.
봐주세요

댓글 전체

June44 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

12.01.13 15:19:58

.jqueryslidemenu ul { z-index:10; }

이빌더스 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

12.01.13 16:02:11

그래도 안되는 이유는 뭘까요 ?

June44 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

12.01.13 16:22:06

position:relative; 같이 넣어보세요~

이빌더스 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

12.01.13 16:36:47

역시 해 봤는데... 문제는 다른데 있나 봅니다.
지금 상단은 메뉴 는 head.php에서 메뉴를 include하고 있고
메인의 배너창은 index.php에서 배너를 latest로 하고 있는데 말이죠..

head.php에서 include하는 menu.php 파일안에 스타일 시트를 수정 잡는데도
(알려주신데로) 배너창에 가려지내요.

이건 다른 방법으로 하라는 건가본데... 정말 초보입장에서 답답하네요..

letsgolee 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

12.01.13 16:58:45

.jqueryslidemenu 에 z-index: 1000을 추가하고

.jqueryslidemenu ul li ul 에 z-index:1001을 추가하면 됩니다. 크롬에서 확인했으니 될 겁니다.

<link rel="stylesheet" type="text/css" href="./skin/menu1/jqueryslidemenu.css"> 이 밑에다가 다음을 추가하면 되지 않을까요?

<style>
.jqueryslidemenu { z-index: 1000}
.jqueryslidemenu ul li ul { z-index:1001}
</style>

이빌더스 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

12.01.13 18:58:28

너무 친절한 설명과 노력에 감동합니다.
===== 메뉴부분 jqueryslidemenu.css 내용 입니다. ===
* { padding:0;margin:0; }

.jqueryslidemenu{
z-index: 1000;
font: bold 11px Verdana;
background: #797979;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
z-index:1001;
position: relative;
display: inline;
float: left;
}

================================배너 latest 스킨의 스탈 부분 입니다.
<style type="text/css">
* {
margin:0;
padding:0;
}

#MnBnCarousel {
width:700px;
float:right;
height:220px;
background:#ffffff;
border:10px solid #ffffff;
text-align:center;
}
/* -------- dok main 2.0! ------- */
.dok_myAlbum {
width:700px;
height:220px;
position:relative;
margin:0px auto;
background: #fff;
}
.dok_myAlbum .PN {
margin-right:4px;
background-image:url(<?=$latest_skin_path?>/img/sprite.gif);
background-repeat:no-repeat;
cursor:pointer;
width:18px;
float:left;
line-height:18px;
}

==== 말씀하신데로 스타일시트에서 수정했는데 역시 사이트에 가 보면 메인의 배너창에 메뉴가 가려 지네요...
이건 대체 뭐가 문제일까요 ?

너무 친절한 설명과 노력에 감동합니다.
===== 메뉴부분 jqueryslidemenu.css 내용 입니다. ===
* { padding:0;margin:0; }

.jqueryslidemenu{
z-index: 1000;
font: bold 11px Verdana;
background: #797979;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
z-index:1001;
position: relative;
display: inline;
float: left;
}

================================배너 latest 스킨의 스탈 부분 입니다.
<style type="text/css">
* {
	margin:0;
	padding:0;
}

#MnBnCarousel {
	width:700px;
	float:right;
	height:220px;
	background:#ffffff;
	border:10px solid #ffffff;
	text-align:center;
}
/* --------  dok main 2.0! ------- */
.dok_myAlbum {
	width:700px;
	height:220px;
	position:relative;
	margin:0px auto;
	background: #fff;
}
.dok_myAlbum .PN {
	margin-right:4px;
	background-image:url(<?=$latest_skin_path?>/img/sprite.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	width:18px;
	float:left;
	line-height:18px;
}

==== 말씀하신데로 스타일시트에서 수정했는데 역시 사이트에 가 보면 메인의 배너창에 메뉴가 가려 지네요...
이건 대체 뭐가 문제일까요 ?