layout/reftests/bugs/445142-2b.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/bugs/445142-2b.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,188 @@
     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 +<!--
    1.32 +
    1.33 +A copy of 445142-1a.html where one of the widths is specified on a col
    1.34 +instead of a td.
    1.35 +
    1.36 +-->
    1.37 +
    1.38 +<table>
    1.39 +  <col style="width: 100px">
    1.40 +  <tr>
    1.41 +    <td>100px</td>
    1.42 +  </tr>
    1.43 +</table>
    1.44 +
    1.45 +<table>
    1.46 +  <col style="width: 500px">
    1.47 +  <tr>
    1.48 +    <td>500px</td>
    1.49 +  </tr>
    1.50 +</table>
    1.51 +
    1.52 +<table>
    1.53 +  <col style="width: 600px">
    1.54 +  <tr>
    1.55 +    <td>600px</td>
    1.56 +  </tr>
    1.57 +</table>
    1.58 +
    1.59 +<table>
    1.60 +  <col>
    1.61 +  <col style="width: 200px">
    1.62 +  <tr>
    1.63 +    <td style="width: 100px">100px</td>
    1.64 +    <td>200px</td>
    1.65 +  </tr>
    1.66 +</table>
    1.67 +
    1.68 +<table>
    1.69 +  <col style="width: 150px">
    1.70 +  <col>
    1.71 +  <tr>
    1.72 +    <td style="width: 9999px">150px</td>
    1.73 +    <td style="width: 300px">300px</td>
    1.74 +  </tr>
    1.75 +</table>
    1.76 +
    1.77 +<table>
    1.78 +  <col style="width: 20%">
    1.79 +  <tr>
    1.80 +    <td>20%</td>
    1.81 +  </tr>
    1.82 +</table>
    1.83 +
    1.84 +<table>
    1.85 +  <col style="width: 100%">
    1.86 +  <tr>
    1.87 +    <td>100%</td>
    1.88 +  </tr>
    1.89 +</table>
    1.90 +
    1.91 +<table>
    1.92 +  <col style="width: 120%">
    1.93 +  <tr>
    1.94 +    <td>120%</td>
    1.95 +  </tr>
    1.96 +</table>
    1.97 +
    1.98 +<table>
    1.99 +  <col style="width: 20%">
   1.100 +  <col>
   1.101 +  <tr>
   1.102 +    <td>20%</td>
   1.103 +    <td style="width: 40%">40%</td>
   1.104 +  </tr>
   1.105 +</table>
   1.106 +
   1.107 +<table>
   1.108 +  <col>
   1.109 +  <col style="width: 60%">
   1.110 +  <tr>
   1.111 +    <td style="width: 30%">30%</td>
   1.112 +    <td style="width: 9999px">60%</td>
   1.113 +  </tr>
   1.114 +</table>
   1.115 +
   1.116 +<table>
   1.117 +  <col style="width: 20%">
   1.118 +  <col>
   1.119 +  <tr>
   1.120 +    <td>20%</td>
   1.121 +    <td style="width: 100px">100px</td>
   1.122 +  </tr>
   1.123 +</table>
   1.124 +
   1.125 +<table>
   1.126 +  <col>
   1.127 +  <col style="width: 100px">
   1.128 +  <col>
   1.129 +  <tr>
   1.130 +    <td style="width: 20%">20%</td>
   1.131 +    <td style="width: 5%">100px</td>
   1.132 +    <td><div style="width: 100px">div</div></td>
   1.133 +  </tr>
   1.134 +</table>
   1.135 +
   1.136 +<table>
   1.137 +  <col style="width: 20%">
   1.138 +  <col>
   1.139 +  <tr>
   1.140 +    <td>20%</td>
   1.141 +    <td style="width: 0">0</td>
   1.142 +  </tr>
   1.143 +</table>
   1.144 +
   1.145 +<table>
   1.146 +  <col>
   1.147 +  <col style="width: 0%">
   1.148 +  <tr>
   1.149 +    <td style="width: 20%">20%</td>
   1.150 +    <td>0%</td>
   1.151 +  </tr>
   1.152 +</table>
   1.153 +
   1.154 +<table>
   1.155 +  <col>
   1.156 +  <col style="width: 0">
   1.157 +  <tr>
   1.158 +    <td style="width: 100px">100px</td>
   1.159 +    <td>0</td>
   1.160 +  </tr>
   1.161 +</table>
   1.162 +
   1.163 +<table>
   1.164 +  <col style="width: 100px">
   1.165 +  <col>
   1.166 +  <tr>
   1.167 +    <td>100px</td>
   1.168 +    <td style="width: 0%">0%</td>
   1.169 +  </tr>
   1.170 +</table>
   1.171 +
   1.172 +<table>
   1.173 +  <col style="width: 0">
   1.174 +  <col>
   1.175 +  <tr>
   1.176 +    <td>0</td>
   1.177 +    <td style="width: 0">0</td>
   1.178 +  </tr>
   1.179 +</table>
   1.180 +
   1.181 +<table>
   1.182 +  <col>
   1.183 +  <col style="width: 0">
   1.184 +  <tr>
   1.185 +    <td style="width: 0%">0%</td>
   1.186 +    <td>0</td>
   1.187 +  </tr>
   1.188 +</table>
   1.189 +
   1.190 +</body>
   1.191 +</html>

mercurial