1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: Auto-imported from Gecko test 156888-2.html</title>
5 <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu">
6 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#anonymous-boxes">
7 <meta name="flags" content="dom">
8
9 <script type="text/javascript">
10 function toggleRow(rowId)
11 {
12 var r = document.getElementById(rowId);
13 if (r.style.display == "none")
14 r.style.display = "inline";
15 else
16 r.style.display = "none";
17 }
18
19 function doTest() {
20 toggleRow('row4');
21 document.body.offsetWidth;
22 toggleRow('row4');
23 document.body.offsetWidth;
24 toggleRow('row4');
25 document.body.offsetWidth;
26 toggleRow('row4');
27 document.body.offsetWidth;
28 toggleRow('row4');
29 document.body.offsetWidth;
30 toggleRow('row4');
31 document.body.offsetWidth;
32 toggleRow('row4');
33 document.body.offsetWidth;
34 toggleRow('row4');
35 document.body.offsetWidth;
36 toggleRow('row4');
37 }
38 </script>
39 </head>
40 <body onload="doTest()">
41 <p>There should be no red below, except for antialiasing issues.</p>
42 <div style="position: relative; font-size: 2em;">
43 <div style="position: relative; z-index: 1; color: red; padding: 1px;">
44
45 <table border="5">
46 <tr>
47 <td>Row 1</td>
48 </tr>
49 <tr>
50 <td>Row 2</td>
51 </tr>
52 <tr>
53 <td>Row 3</td>
54 </tr>
55 <tr id="row4" style="display: none">
56 <td>Row 4</td>
57 </tr>
58 </table>
59 </div>
60 <div style="position: absolute; z-index: 2; top: 0; color: green; padding: 1px;">
61
62 <table border="5">
63 <tr>
64 <td>Row 1</td>
65 </tr>
66 <tr>
67 <td>Row 2</td>
68 </tr>
69 <tr>
70 <td>Row 3</td>
71 </tr>
72 <tr style="display: inline">
73 <td>Row 4</td>
74 </tr>
75 </table>
76 </div>
77 </div>
78 </body>
79 </html>