<!DOCTYPE html>
<html>
<head>
<script>
if (window.testRunner)
testRunner.dumpAsText();
function log(str) {
var li = document.createElement("li");
li.appendChild(document.createTextNode(str));
var console = document.getElementById("console");
console.appendChild(li);
}
function findPosX(obj) {
var ret = 0;
do {
ret += obj.offsetLeft;
obj = obj.offsetParent;
} while (obj);
return ret;
}
function printDivPlacement() {
var the_node = document.getElementById('frame');
log("node.offsetLeft=" + the_node.offsetLeft + " (Should be 303 as in FF and IE)");
log("findPosX=" + findPosX(the_node) + " (Should be 303 as in FF and IE)");
}
</script>
</head>
<body onload="printDivPlacement()">
<div style="position:absolute; top:0px; left:0px; width:800px; background-color:#C3DCBF;">
<table width="200px" style="margin: auto;">
<tr>
<td>
<iframe id=frame style="position: relative; width:20px; height:20px"></iframe>
</td>
</tr>
</table>
</div>
<br><br>
<h3>This test verifies that offsetLeft is calculated correctly for a relatively positioned iframe element inside a table.</h3>
<ul id=console></ul>
</body>
</html>
Codebase Browser
chromium