1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/bugs/445142-2a.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,150 @@ 1.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 1.5 + "http://www.w3.org/TR/html4/strict.dtd"> 1.6 +<html lang="en-US"> 1.7 +<head> 1.8 + <title>table-layout: fixed width distribution with unassigned space</title> 1.9 + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 1.10 + <meta http-equiv="Content-Style-Type" content="text/css"> 1.11 + <style type="text/css"> 1.12 + 1.13 + table, td { margin: 0; padding: 0; } 1.14 + 1.15 + table { 1.16 + table-layout: fixed; 1.17 + width: 500px; 1.18 + border-spacing: 10px 0; 1.19 + margin-bottom: 2px; 1.20 + padding: 0 10px; 1.21 + } 1.22 + 1.23 + td { color: black; background: yellow; } 1.24 + td + td { background: aqua; } 1.25 + td + td + td { background: fuchsia; } 1.26 + 1.27 + </style> 1.28 +</head> 1.29 +<body> 1.30 + 1.31 +<table> 1.32 + <tr> 1.33 + <td style="width: 100px">100px</td> 1.34 + </tr> 1.35 +</table> 1.36 + 1.37 +<table> 1.38 + <tr> 1.39 + <td style="width: 500px">500px</td> 1.40 + </tr> 1.41 +</table> 1.42 + 1.43 +<table> 1.44 + <tr> 1.45 + <td style="width: 600px">600px</td> 1.46 + </tr> 1.47 +</table> 1.48 + 1.49 +<table> 1.50 + <tr> 1.51 + <td style="width: 100px">100px</td> 1.52 + <td style="width: 200px">200px</td> 1.53 + </tr> 1.54 +</table> 1.55 + 1.56 +<table> 1.57 + <tr> 1.58 + <td style="width: 150px">150px</td> 1.59 + <td style="width: 300px">300px</td> 1.60 + </tr> 1.61 +</table> 1.62 + 1.63 +<table> 1.64 + <tr> 1.65 + <td style="width: 20%">20%</td> 1.66 + </tr> 1.67 +</table> 1.68 + 1.69 +<table> 1.70 + <tr> 1.71 + <td style="width: 100%">100%</td> 1.72 + </tr> 1.73 +</table> 1.74 + 1.75 +<table> 1.76 + <tr> 1.77 + <td style="width: 120%">120%</td> 1.78 + </tr> 1.79 +</table> 1.80 + 1.81 +<table> 1.82 + <tr> 1.83 + <td style="width: 20%">20%</td> 1.84 + <td style="width: 40%">40%</td> 1.85 + </tr> 1.86 +</table> 1.87 + 1.88 +<table> 1.89 + <tr> 1.90 + <td style="width: 30%">30%</td> 1.91 + <td style="width: 60%">60%</td> 1.92 + </tr> 1.93 +</table> 1.94 + 1.95 +<table> 1.96 + <tr> 1.97 + <td style="width: 20%">20%</td> 1.98 + <td style="width: 100px">100px</td> 1.99 + </tr> 1.100 +</table> 1.101 + 1.102 +<table> 1.103 + <tr> 1.104 + <td style="width: 20%">20%</td> 1.105 + <td style="width: 100px">100px</td> 1.106 + <td><div style="width: 100px">div</div></td> 1.107 + </tr> 1.108 +</table> 1.109 + 1.110 +<table> 1.111 + <tr> 1.112 + <td style="width: 20%">20%</td> 1.113 + <td style="width: 0">0</td> 1.114 + </tr> 1.115 +</table> 1.116 + 1.117 +<table> 1.118 + <tr> 1.119 + <td style="width: 20%">20%</td> 1.120 + <td style="width: 0%">0%</td> 1.121 + </tr> 1.122 +</table> 1.123 + 1.124 +<table> 1.125 + <tr> 1.126 + <td style="width: 100px">100px</td> 1.127 + <td style="width: 0">0</td> 1.128 + </tr> 1.129 +</table> 1.130 + 1.131 +<table> 1.132 + <tr> 1.133 + <td style="width: 100px">100px</td> 1.134 + <td style="width: 0%">0%</td> 1.135 + </tr> 1.136 +</table> 1.137 + 1.138 +<table> 1.139 + <tr> 1.140 + <td style="width: 0">0</td> 1.141 + <td style="width: 0">0</td> 1.142 + </tr> 1.143 +</table> 1.144 + 1.145 +<table> 1.146 + <tr> 1.147 + <td style="width: 0%">0%</td> 1.148 + <td style="width: 0">0</td> 1.149 + </tr> 1.150 +</table> 1.151 + 1.152 +</body> 1.153 +</html>