<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title> new document </title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<script type="text/javascript">
function test(){
var debug=document.getElementById("debug");
var d1=document.getElementById("d1");debug.value+="d1:"+d1.offsetHeight+":"+d1.offsetWidth+":"+d1.offsetTop+":"+d1.offsetLeft;
var d2=document.getElementById("d2");debug.value+="\nd2:"+d2.offsetHeight+":"+d2.offsetTop+":"+d2.offsetLeft;
var tb1=document.getElementById("tb1");debug.value+="\ntb1:"+tb1.offsetHeight+":"+tb1.offsetTop+":"+tb1.offsetLeft;
var tb2=document.getElementById("tb2");debug.value+="\ntb2:"+tb2.offsetHeight+":"+tb2.offsetTop+":"+tb2.offsetLeft;
var tb3=document.getElementById("tb3");debug.value+="\ntb3:"+tb3.offsetHeight+":"+tb3.offsetTop+":"+tb3.offsetLeft;
}
</script>
</head>
<body>
<input type="button" value="확인" onclick="test();">
<div id="d1" style="border:solid 1px;width:300px;">ksdfasdf</div>
<div id="d2" style="border:solid 1px;">ksdfasdf<br>asdf<br>asdf</div>
<table id="tb1"><tr><td>asdf</td></tr></table>
<table id="tb2" border="1"><tr><td>asdf</td></tr></table>
<table id="tb3"><tr><td>asdf<br>asdf<br>asdf</td></tr></table>
<textarea id="debug" rows="10" cols="50"></textarea>
</body>
</html>