71 lines
2.3 KiB
HTML
71 lines
2.3 KiB
HTML
<html>
|
|
<head>
|
|
<title></title>
|
|
<style>
|
|
td { width: 50px; height: 150px; vertical-align: top; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>
|
|
Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=12886">http://bugs.webkit.org/show_bug.cgi?id=12886</a>
|
|
Crash with Scriptalicious javascript library</i>.
|
|
</p>
|
|
<p>
|
|
You should see two purple 100×50 rectangles, <em>not</em> a checkerboard pattern.
|
|
</p>
|
|
<table cellpadding="0" cellspacing="0">
|
|
<tr>
|
|
<td>
|
|
<div style="width: 50px;">
|
|
<div style="height: 50px;">
|
|
<div id="target" style="float: left; width: 50px; height: 100px;"></div>
|
|
</div>
|
|
<div>
|
|
<div style="clear: both; width: 50px; height: 50px; background-color: purple;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="width: 50px;">
|
|
<div style="height: 50px;">
|
|
<div style="float: left; width: 50px; height: 25px;"></div>
|
|
</div>
|
|
<div>
|
|
<div style="clear: both; width: 50px; height: 50px; background-color: purple;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div style="width: 50px;">
|
|
<div>
|
|
<div id="target2" style="float: left; width: 50px; height: 50px;"></div>
|
|
</div>
|
|
<div>
|
|
<div style="clear: both; width: 50px; height: 50px; background-color: purple;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div style="width: 50px; height: 50px; background-color: purple;">
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<div style="height: 200px;">
|
|
</div>
|
|
|
|
<script>
|
|
var target = document.getElementById("target");
|
|
var target2 = document.getElementById("target2");
|
|
document.body.offsetTop;
|
|
target.style.height = '25px';
|
|
target2.style.height = '0';
|
|
</script>
|
|
</body>
|
|
</html>
|