layout/reftests/table-width/balancing-2-ref.html

changeset 2
7e26c7da4463
equal deleted inserted replaced
-1:000000000000 0:d52691001d4c
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <title>Balancing of tables (growing)</title>
5 <style type="text/css">
6
7 table, td {
8 border: none;
9 margin: 0;
10 padding: 0;
11 border-spacing: 3px;
12 }
13
14 tr { height: 1.5em; }
15
16 td { background: black; background: currentColor; }
17
18 </style>
19 </head>
20 <body>
21
22 <!-- width: 300px --><table><tr>
23 <td style="color:aqua" width="75">&nbsp;</td>
24 <td style="color:yellow" width="25">&nbsp;</td>
25 <td style="color:red" width="0"></td>
26 <td style="color:fuchsia" width="50">&nbsp;</td>
27 <td style="color:blue" width="150">&nbsp;</td>
28 </tr></table>
29
30 <!-- width: 500px --><table><tr>
31 <td style="color:aqua" width="150">&nbsp;</td>
32 <td style="color:yellow" width="50">&nbsp;</td>
33 <td style="color:red" width="0"></td>
34 <td style="color:fuchsia" width="50">&nbsp;</td>
35 <td style="color:blue" width="250">&nbsp;</td>
36 </tr></table>
37
38 <!-- width: 420px --><table><tr>
39 <td style="color:aqua" width="105">&nbsp;</td>
40 <td style="color:yellow" width="35">&nbsp;</td>
41 <td style="color:red" width="0"></td>
42 <td style="color:fuchsia" width="70">&nbsp;</td>
43 <td style="color:blue" width="210">&nbsp;</td>
44 </tr></table>
45
46 <!-- width: 400px --><table><tr>
47 <td style="color:aqua" width="50">&nbsp;</td>
48 <td style="color:yellow" width="50">&nbsp;</td>
49 <td style="color:red" width="0"></td>
50 <td style="color:fuchsia" width="50">&nbsp;</td>
51 <td style="color:blue" width="250">&nbsp;</td>
52 </tr></table>
53
54 <!-- width: 420px --><table><tr>
55 <td style="color:aqua" width="75">&nbsp;</td>
56 <td style="color:yellow" width="85">&nbsp;</td>
57 <td style="color:fuchsia" width="50">&nbsp;</td>
58 <td style="color:blue" width="210">&nbsp;</td>
59 </tr></table>
60
61 <!-- width: 400px --><table><tr>
62 <td style="color:aqua" width="60">&nbsp;</td>
63 <td style="color:yellow" width="80">&nbsp;</td>
64 <td style="color:fuchsia" width="60">&nbsp;</td>
65 <td style="color:blue" width="200">&nbsp;</td>
66 </tr></table>
67
68 <!-- width: 400px --><table><tr>
69 <td style="color:aqua" width="100">&nbsp;</td>
70 <td style="color:yellow" width="100">&nbsp;</td>
71 <td style="color:fuchsia" width="100">&nbsp;</td>
72 <td style="color:blue" width="100">&nbsp;</td>
73 </tr></table>
74
75 </body>
76 </html>

mercurial