blob: 9ee42462b15940450253628a9df18b5e8d960d8b [file] [log] [blame]
bdash88786412007-01-26 11:35:51 +00001<!DOCTYPE HTML>
2<html>
3<head>
4 <title>Test for http://bugs.webkit.org/show_bug.cgi?id=10983</title>
5 <style type="text/css">
6 div.test { position: relative; height: 100px; margin-bottom: 25px; }
7 div.demo { position: absolute; width: 100px; height: 50px; }
8 div.red { background-color: red; }
9 div.green { background-color: green; }
10 </style>
11</head>
12<body>
13 <div class="test" style="top: -51px;">
14 <div class="demo red" style="top: 51px;"></div>
15 <div class="demo green" style="top: 101px;"></div>
16 <div style="margin-bottom: 50px; height: 1px;"></div>
17 <div class="demo green" id="target2"></div>
18 </div>
19
20 <div class="test">
21 <div style="height: 100px;">
22 <div class="demo green" style="top: 0;"></div>
23 <div class="demo red" style="top: 50px;"></div>
24 <div id="target3" style="height: 0;"></div>
25 <div class="demo green"></div>
26 </div>
27 </div>
28
29 <div class="test">
30 <div style="position: relative; height: 50px;">
31 <div class="demo green" style="top: 0;"></div>
32 <div class="demo red" style="top: 50px;"></div>
33 <div id="target4" style="height: 0;"></div>
34 <div class="demo green"></div>
35 </div>
36 </div>
37
38 <div class="test">
39 <div style="position: relative; height: 100px;">
40 <div class="demo green" style="top: 0;"></div>
41 <div class="demo red" style="top: 50px;"></div>
42 <div id="target5" style="height: 0;"></div>
43 <div class="demo green"></div>
44 </div>
45 </div>
46
47 <script>
48 var t2 = document.getElementById("target2");
49 var t3 = document.getElementById("target3");
50 var t4 = document.getElementById("target4");
51 var t5 = document.getElementById("target5");
52
53 document.body.offsetTop;
54
bdash88786412007-01-26 11:35:51 +000055 t3.style.height = "50px";
56 t4.style.height = "50px";
57 t5.style.height = "50px";
58 </script>
59</body>
60</html>