| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
| "http://www.w3.org/TR/html4/loose.dtd"> |
| <html> |
| <head> |
| <title>width in <COL></title> |
| </head> |
| <body> |
| <div style="width: 600px;"> |
| <p>The following two tables should be the same.</p> |
| <p>Table 1: width in <COL></p> |
| <table style="table-layout:auto;"> |
| <col style="width: 150px;"> |
| <col style="width: 100px;"> |
| <tr> |
| <td style="background: yellow;"> |
| Cras tincidunt bibendum nunc. Morbi condimentum aliquet diam. Phasellus pulvinar, nisl at tempor auctor, dolor pede vestibulum risus, placerat malesuada dui enim nec est. Nulla leo. |
| </td> |
| <td style="background: green;"> |
| Lorem ipsum |
| </td> |
| </tr> |
| </table> |
| <p>Table 2: width in <TD></p> |
| <table style="table-layout:auto;"> |
| <tr> |
| <td style="width: 150px; background: yellow;"> |
| Cras tincidunt bibendum nunc. Morbi condimentum aliquet diam. Phasellus pulvinar, nisl at tempor auctor, dolor pede vestibulum risus, placerat malesuada dui enim nec est. Nulla leo. |
| </td> |
| <td style="width: 100px; background: green;"> |
| Lorem ipsum |
| </td> |
| </tr> |
| </table> |
| </div> |
| </body> |
| </html> |
