46 lines
1.4 KiB
HTML
46 lines
1.4 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
|
|
<html>
|
|
<head>
|
|
<title></title>
|
|
<style type="text/css">
|
|
div.ib { display: inline-block; width: 20px; height: 20px; }
|
|
</style>
|
|
<script type="text/javascript">
|
|
function test()
|
|
{
|
|
var a = document.getElementById('a');
|
|
var b = document.getElementById('b');
|
|
|
|
document.body.offsetTop; // force layout
|
|
a.style.width = '40px';
|
|
|
|
document.body.offsetTop;
|
|
b.style.width = '35px';
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="test()">
|
|
<p>
|
|
This test checks for a regression against <i><a href="https://bugs.webkit.org/show_bug.cgi?id=6276">http://bugzilla.opendarwin.org/show_bug.cgi?id=6276</a>
|
|
Image thumbnails are misplaced on forum.2ostrov.ru</i>.
|
|
</p>
|
|
<hr>
|
|
<p>
|
|
Box 1 and box 2 should be identical.
|
|
</p>
|
|
Box 1:
|
|
<div style="border: 1px black solid; width: 55px; padding: 5px;">
|
|
<div class="ib" style="background: blue;" id="a"></div> A
|
|
<div class="ib" style="background: red;" id="b"></div> B
|
|
<div class="ib" style="background: green;"></div> C
|
|
</div>
|
|
<br>
|
|
Box 2:
|
|
<div style="border: 1px black solid; width: 55px; padding: 5px;">
|
|
<div class="ib" style="background: blue; width: 40px;"></div> A
|
|
<div class="ib" style="background: red; width: 35px;"></div> B
|
|
<div class="ib" style="background: green;"></div> C
|
|
</div>
|
|
</body>
|
|
</html>
|