Mypal/dom/html/test/test_bug384419.html

57 lines
1.7 KiB
HTML

<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=384419
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test for bug 384419</title>
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
<style type="text/css">
html,body {
color:black; background-color:white; font-size:16px; padding:0; margin:0;
}
body { margin: 10px; }
table { border:15px solid black; margin-left:100px; }
</style>
<script type="text/javascript">
function t3(id,expected,pid) {
var el = document.getElementById(id);
var actual = el.offsetLeft;
is(actual, expected, id+".offsetLeft");
var p = document.getElementById(id).offsetParent;
is(p.id, pid, id+".offsetParent");
}
function run_test() {
t3('rel384419',135,'body');
t3('abs384419',135,'body');
t3('fix384419',135,'body');
}
</script>
</head>
<body id="body">
<!-- It's important for the test that the tables below are directly inside body -->
<table cellpadding="7" cellspacing="3"><tr><td width="100"><div id="rel384419" style="position:relative;border:1px solid blue">X</div> relative</table>
<table cellpadding="7" cellspacing="3"><tr><td width="100"><div id="abs384419" style="position:absolute;border:1px solid blue">X</div> absolute</table>
<table cellpadding="7" cellspacing="3"><tr><td width="100"><div id="fix384419" style="position:fixed;border:1px solid blue">X</div> fixed</table>
<pre id="test">
<script class="testbody" type="text/javascript">
run_test();
</script>
</pre>
<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=384419">bug 384419</a>
</body>
</html>