테스트 사이트 - 개발 중인 베타 버전입니다

CSS 스타일 관련 질문 입니다.

게시판에서 제목을 클릭하면 레이어 팝업에 wr_content가 출력이 되게 했습니다.

문제는 게시판 제목줄에 맞춰서 레이어 팝업이 떳으면 좋겠지만...

1번 게시글이나 10번 게시글이나 똑같은 위치에 뜨게 되네요.

.white_content {
display: none;
width: 350px;
height: 70px;
position: absolute;
padding: 16px;
background: #ffffff;
border: 10px solid #ffa500;
}
.white_content:after, .white_content:before {
left: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.white_content:after {
border-color: rgba(255, 255, 255, 0);
border-left-color: #ffffff;
border-width: 10px;
top: 50%;
margin-top: -10px;
}
.white_content:before {
border-color: rgba(255, 165, 0, 0);
border-left-color: #ffa500;
border-width: 24px;
top: 50%;
margin-top: -24px;
}

흠...무슨 좋은 방법이 없을까요...?

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

<td>
<div>레이어</div>
제목
</td>

table을 쓰셨든 div를 쓰셨든.. td css 속성에 position:relative 를 주셨는지 확인해보세요
모든 레이어가 같은 위에 뜨신다고 하는걸 보면 레이어와 제목을 감싸는 부모 엘리먼트 css 속성에 relative 가 안되어있을 수 있겠습니다.
.board_list td.subject { overflow:hidden; position:relative;}
그렇다면
.board_list td.subject . .white_content {
...
}
이런식으로 한번 도전해보겠습니다. 감사합니다.
제가 잘못 설정된건지...쩝...생각처럼 되진 않네요...ㅠ

게시판 목록

그누4 질문답변

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