<script>
function show(){
pop.style.left=main.offsetLeft+50;
pop.style.top=main.offsetTop;
pop.style.display='block';
}
function hide(){
pop.style.display='+ '+ 'none';
}
</script>

<!--- 추가되면 안되는 부분 --->
<table><tr><td>
<!--- --->

<table id=main width=100 height=100 border=1  bgcolor=#CCFFFF onmouseover="show()"   onmouseout="hide()">
<tr>
  <td>
  페이지.....<BR>
  페이지.....<BR>
  페이지.....
  </td>
</tr>
</table>

<!--- 추가되면 안되는 부분 --->
</td></tr></table>
<!--- --->


<table width=50 height=50 id=pop   bgcolor=#FFCCFF  style="display:none;position:absolute" border=1>
<tr><td>팝 테이블</td></tr>
</table>


설명 그림.. http://cafefiles.naver.net/data4/2004/7/6/118/pic.jpg



[ 설명.. ]

우선 파란색으로된 테이블 태그가 없다면 잘 됩니다.

큰 테이블이 있습니다. 1번요..

거기다 마우스를 올리면.. 큰테이블의 위치(offsetLeft,offsetTop)를 가져와서..

작은 테이블의 위치를 결정하고 보여줍니다.. 2번처럼요..

잘 돌아갑니다..


근데~~~!!! 왜 ~~~ ㅜ.ㅡ

테이블사이에다가 id=main 테이블을 집어넣으면.. 계산이 지맘대로 될까요 ㅜㅜ

으흐흑.. 도와주십시요~ 파란색테이블 코드를 집어 넣으면 3번처럼 나와버립니다.


이기 왜 안되는겁니깡 ㅜㅜ