Development/HTML

테이블을 기준으로 레이어 생성하기

linuxism 2012. 5. 11. 01:46


1. 레이어의 position속성을 absolute로 한다.

2. table에 id를 준다.(여기서는 mytable)

3. 레이어의 top속성을 다음처럼 한다.

expression(eval(mytable.offsetTop)+top좌표값);


(여기서 top좌표값은 테이블좌표에 기준함)

3. 레이어의 left속성을 다음처럼 한다.

expression(eval(mytable.offsetLeft)+left좌표값);

(여기서 left좌표값은 테이블좌표에 기준함)


 

※ 샘플

<body topmargin=20 leftmargin=20>
<table cellspacing=1 bgcolor=black width=300 height=300 id=mytable>
  <tr bgcolor=white>
    <td>
      <div style="position:absolute;top:expression(eval(mytable.offsetTop)+10);left:expression(eval(mytable.offsetLeft)+10);background-color:red;border:solid 1 black;width:100;height:100"></div>
      <div style="position:absolute;top:expression(eval(mytable.offsetTop)+60);left:expression(eval(mytable.offsetLeft)+60);background-color:blue;border:solid 1 black;width:100;height:100"></div>
    </td>
  </tr>
</table>
</body>

 

 

출처:webdori(네이버카페)의 ikarusking님의 글

출처 - http://blog.naver.com/naru2121?Redirect=Log&logNo=50110831408