267418.html (3757B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 <html lang="en-US" class="reftest-wait"> 4 <head> 5 <title>Testcase, bug 174470</title> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <meta http-equiv="Content-Style-Type" content="text/css"> 8 <style type="text/css"> 9 10 table { 11 border-collapse: collapse; 12 margin: 1em; 13 border: thick solid; 14 border-color: #f0f #c0c #909 #606; /* purple */ 15 } 16 17 colgroup:first-child + colgroup { 18 border: thick solid; 19 border-color: #f66 #f00 #a00 #600; /* red */ 20 } 21 22 colgroup:first-child + colgroup + colgroup > col:first-child + col { 23 border: thick solid; 24 border-color: #ff0 #cc0 #990 #660; /* yellow */ 25 } 26 27 colgroup + tbody + tbody { 28 border: thick solid; 29 border-color: #6f6 #0f0 #0a0 #060; /* green */ 30 } 31 32 colgroup + tbody > tr:first-child + tr { 33 border: thick solid; 34 border-color: #0ff #0cc #099 #066; /* aqua */ 35 } 36 37 colgroup + tbody + tbody + tbody > tr:first-child + tr > td:first-child + td { 38 border: thick solid; 39 border-color: #66f #00f #00a #006; /* blue */ 40 } 41 42 </style> 43 <script> 44 function doTest() { 45 var s1 = document.getElementById("screen"); 46 s1.remove(); 47 document.documentElement.removeAttribute('class'); 48 } 49 document.addEventListener("MozReftestInvalidate", doTest); 50 </script> 51 </head> 52 <body> 53 54 <div id="screen" style="position: fixed; left:50px; height:200px; width: 200px; background-color:white; border:1px solid green;"></div> 55 56 <p>The following two tables should be mirrors of each other, except that 57 (1) the digits should still be normal left-to-right digits and (2) the 58 color changes for each of the 6 colors should, in both, be lightest on top 59 clockwise to darkest on the left.</p> 60 61 <table dir="ltr" > 62 <colgroup> 63 <col> 64 </colgroup> 65 <colgroup> 66 <col> 67 <col> 68 </colgroup> 69 <colgroup> 70 <col> 71 <col> 72 <col> 73 </colgroup> 74 <tbody> 75 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 76 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 77 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 78 </tbody> 79 <tbody> 80 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 81 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 82 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 83 </tbody> 84 <tbody> 85 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 86 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 87 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 88 </tbody> 89 </table> 90 91 <table dir="rtl"> 92 <colgroup> 93 <col> 94 </colgroup> 95 <colgroup> 96 <col> 97 <col> 98 </colgroup> 99 <colgroup> 100 <col> 101 <col> 102 <col> 103 </colgroup> 104 <tbody> 105 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 106 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 107 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 108 </tbody> 109 <tbody> 110 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 111 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 112 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 113 </tbody> 114 <tbody> 115 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 116 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 117 <tr><td>1</td><td>22</td><td>333</td><td>4444</td><td>55555</td><td>666666</td></tr> 118 </tbody> 119 </table> 120 121 </body> 122 </html>