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님의 글
[출처] 테이블을 기준으로 레이어 생성하기|작성자 UYEONG
출처 - http://blog.naver.com/naru2121?Redirect=Log&logNo=50110831408
'Development > HTML' 카테고리의 다른 글
| HTML - rel 속성 (0) | 2012.05.15 |
|---|---|
| 웹페이지를 가운데 정렬 하기 (0) | 2012.05.11 |
| DIV 레이어 팝업 띄우는방법. (0) | 2012.05.10 |
| tr td 차이 (0) | 2012.03.28 |
| Tag들 (0) | 2012.03.01 |
