CSS 스타일 관련 질문 입니다. > 그누4 질문답변

그누4 질문답변

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

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

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;
}

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

댓글 전체

byfun 홈페이지 자기소개 아이디로 검색 회원게시물 13.04.06 17:25:39
<td>
  <div>레이어</div>
    제목
</td>

table을 쓰셨든 div를 쓰셨든.. td css 속성에 position:relative 를 주셨는지 확인해보세요
모든 레이어가 같은 위에 뜨신다고 하는걸 보면 레이어와 제목을 감싸는 부모 엘리먼트 css 속성에 relative 가 안되어있을 수 있겠습니다.
관스틴 자기소개 아이디로 검색 회원게시물 13.04.06 18:17:47
.board_list td.subject { overflow:hidden; position:relative;}
 그렇다면
.board_list td.subject . .white_content {
...
}
이런식으로 한번 도전해보겠습니다. 감사합니다.
목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로