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

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/table-width/balancing-2.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,99 @@
     1.4 +<!DOCTYPE HTML>
     1.5 +<html>
     1.6 +<head>
     1.7 +<title>Balancing of tables (growing)</title>
     1.8 +<style type="text/css">
     1.9 +
    1.10 +table, td {
    1.11 +  border: none;
    1.12 +  margin: 0;
    1.13 +  padding: 0;
    1.14 +  border-spacing: 3px;
    1.15 +}
    1.16 +
    1.17 +tr { height: 1.5em; }
    1.18 +
    1.19 +td { background: black; background: currentColor; }
    1.20 +
    1.21 +td, span { line-height: 1; }
    1.22 +
    1.23 +span {
    1.24 +  display: inline-block;
    1.25 +  width: 25px;
    1.26 +}
    1.27 +
    1.28 +</style>
    1.29 +</head>
    1.30 +<body>
    1.31 +
    1.32 +<!--
    1.33 +    cell widths in the first table are:
    1.34 +    min   pref   pct
    1.35 +     25     75
    1.36 +     25     25
    1.37 +      0      0
    1.38 +     25     50*
    1.39 +     25     25   50%
    1.40 +
    1.41 +    and the table has 18px of horizontal border-spacing
    1.42 +
    1.43 +    pref width of columns is 300px
    1.44 +
    1.45 +  -->
    1.46 +
    1.47 +<table><tr>
    1.48 +<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
    1.49 +<td style="color:yellow"><span></span></td>
    1.50 +<td style="color:red"></td>
    1.51 +<td style="color:fuchsia" width="50"><span></span></td>
    1.52 +<td style="color:blue" width="50%"><span></span></td>
    1.53 +</tr></table>
    1.54 +
    1.55 +<table width="518"><tr>
    1.56 +<td style="color:aqua"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
    1.57 +<td style="color:yellow"><span></span></td>
    1.58 +<td style="color:red"></td>
    1.59 +<td style="color:fuchsia" width="50"><span></span></td>
    1.60 +<td style="color:blue" width="50%"><span></span></td>
    1.61 +</tr></table>
    1.62 +
    1.63 +<!-- XXXdholbert: Change "width: 0px" to width="0px" in next 2 cases -->
    1.64 +<table width="438"><tr>
    1.65 +<td style="color:aqua" width="75"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
    1.66 +<td style="color:yellow" width="25"><span></span></td>
    1.67 +<td style="color:red; width: 0px"></td>
    1.68 +<td style="color:fuchsia" width="50"><span></span></td>
    1.69 +<td style="color:blue" width="50%"><span></span></td>
    1.70 +</tr></table>
    1.71 +
    1.72 +<table width="418"><tr>
    1.73 +<td style="color:aqua" width="10%"><span></span></td>
    1.74 +<td style="color:yellow" width="10%"><span></span></td>
    1.75 +<td style="color:red; width: 0px"></td>
    1.76 +<td style="color:fuchsia" width="10%"><span></span></td>
    1.77 +<td style="color:blue" width="50%"><span></span></td>
    1.78 +</tr></table>
    1.79 +
    1.80 +<table width="435"><tr>
    1.81 +<td style="color:aqua" width="75"><span></span>&#x200b;<span></span>&#x200b;<span></span></td>
    1.82 +<td style="color:yellow"></td>
    1.83 +<td style="color:fuchsia" width="50"><span></span></td>
    1.84 +<td style="color:blue" width="50%"><span></span></td>
    1.85 +</tr></table>
    1.86 +
    1.87 +<table width="415"><tr>
    1.88 +<td style="color:aqua" width="15%"><span></span></td>
    1.89 +<td style="color:yellow"></td>
    1.90 +<td style="color:fuchsia" width="15%"><span></span></td>
    1.91 +<td style="color:blue" width="50%"><span></span></td>
    1.92 +</tr></table>
    1.93 +
    1.94 +<table width="415"><tr>
    1.95 +<td style="color:aqua"></td>
    1.96 +<td style="color:yellow"></td>
    1.97 +<td style="color:fuchsia"></td>
    1.98 +<td style="color:blue"></td>
    1.99 +</tr></table>
   1.100 +
   1.101 +</body>
   1.102 +</html>

mercurial