summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/76331-1.html
blob: fe99b67041fdab6a1e6f206d71ec9adb73be5242 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>bug 76311 table empty-cells:hide</title>
<style>
table   {
  empty-cells:hide;
  background-color:red;
  padding:0;
  border-spacing:0;
}
table.empty {
  background-color:green;
}
td {
  background-color:green;
  padding:0;
  color:green;
}
td.empty {
  background-color:red;
}
</style>
</head>

<body>
 <!-- empty elements should be marked as empty-->
 <table class="empty">
  <tr><td class="empty"></td><td>X</td></tr>
  <tr><td>X</td><td class="empty"></td></tr>
 </table>
 <!-- collapsed whitespace:  space + CR  should be marked as empty-->
 <table class="empty">
  <tr><td class="empty">                </td><td>X</td></tr>
  <tr><td>X</td><td class="empty">
  
  
  </td></tr>
 </table>
 <!-- not collapsed whitespace:  space + tab  should not be marked as empty-->
 <table style="white-space: pre">
  <tr><td>  </td><td>X</td></tr>
  <tr><td>X</td><td>	</td></tr>
 </table>
 
 
 <!-- div with whitespace, empty span - should not be marked as empty -->
 <table>
  <tr><td><div> </div></td><td>X</td></tr>
  <tr><td>X</td><td><span></span></td></tr>
 </table>
 
  <!--float empty or not  should not be marked as empty -->
 <table>
  <tr><td><div style="float:left;">X</div></td><td>X</td></tr>
  <tr><td>X</td><td><div style="float:left;"></div></td></tr>
 </table>
 
 <!-- position:fixed and position:absolute  - both should be marked as empty -->
 <table class="empty">
  <tr><td class="empty"><div style="position:fixed; left: 30px;">X</div></td><td>X</td></tr>
  <tr><td>X</td><td class="empty"><div style="position:absolute; left: 30px;">X</div></td></tr>
 </table>
 <!-- font size 0 makes textframes with no extent -->
 <table>
  <tr><td style="font-size:0">xxxx</td><td>X</td></tr>
  <tr><td>X</td><td><img src="" style="width:0; height:0"></td></tr>
 </table>
 
</body>
</html>