Copy
<div id="top_navi"> <p class="brand"><a href="../goods/goods_grp_03.php?&" class="catenavi">베스트100</a></p> <p class="event" onmouseover="allbrand.style.display='block';this.src='../../img/common/ct_on_07.gif'" onmouseout="allbrand.style.display='none';this.src='../../img/common/ct_07.gif'" ><a class="catenavi">BRAND</a></p> </div><!-- 브랜드 레이어 --> <div style="clear:both; width:990px;text-align:center;z-index:10;position:relative;"> <div style="width:990px; margin:0 auto;"> <div id="allbrand" style="width:982; border:4px solid #ED1C24; height:300px; top:0; left:0; background:#ffffff; display:none;" onmouseover="this.style.display='block';" onmouseout="this.style.display='none';" > <div style="width:982px; height:250px; text-align:center;"> <div style="width:99%; margin:0 auto; height:30px; line-height:30px; font-weight:bold; color:#333333; padding:10px 0 0 0;">
<table>
★★★★마우스오버시나와야할내용★★★★
</table>
</div> </div> </div> </div> </div>크롬에서는 마우스 오버시
이미지위로 해당 테이블이 잘노출되는데
(겹쳐지게)
익스에서는 이미지를 아래로 밀어버리고
해당테이블이 나옵니다 ㅜㅜ
(안겹쳐지고 밑으로 밀어버림.,)
소스코드 뭐가잘못된건지 봐주세요 ㅜㅜ
|
답변 2개 / 댓글 1개
채택된 답변
+20 포인트
NugKud
2014-11-28 (금) 20:49:35
position:absolute; 를 레이어에 추가시켜서 단독적으로 화면에 뜨게 하세요.
위치조정은 top, left, right, bottom
예) style="position:absolute; top:20px; left:50px;"
그리고 상위 엘리먼트에 소속시키시려면
상위 엘리먼트(div등...)에 position:relative;
스펠링 맞나;;; 맞을꺼에요 아마 흠;;
답변에 대한 댓글 1개
NugKud
2014-11-28 (금) 20:59:25
2014-11-28 (금) 21:07:57
작업하시는 상태 화면과 함께 문의 내용을 올려주셔야 답변이 올바를거 같은데요.
위 내용만 가지고는 유추해 보기가 어렵네요.
NugKud 님 답변처럼 테이블 엘리먼트를 단순히 원하시는 위치에 보여주기 위해서 하시는 거라면 position:absolute 항목을 줘서
top, left 값을 조정하시는게 맞을거 같네요.
답변을 작성하려면 로그인이 필요합니다.
position:relative; 가 선언된 상위 엘리먼트가 없다면
위치 설정이 도큐먼트 문서 전체를 기준으로 위치가 잡혀요.(x좌표, y좌표)(top,left ????)