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>​<span></span>​<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>​<span></span>​<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>​<span></span>​<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>​<span></span>​<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>