conflicting-percent-widths-2.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<head>

<title>Conflicting percent widths on table cells</title>

<style type="text/css">

table, td {

  border-spacing: 0;

  border: none;

  padding: 0;

</style>

</head>

<body>

<!-- small percentage effect operates per-column -->

<table>

  <tr>

    <td style="background: yellow" width="1%">x</td>

    <td style="background: aqua">x</td>

  </tr>

  <tr>

    <td style="background: blue" width="50%">x</td>

    <td style="background: fuchsia">x</td>

  </tr>

</table>

<table>

  <tr>

    <td style="background: fuchsia">x</td>

    <td style="background: blue" width="50%">x</td>

  </tr>

  <tr>

    <td style="background: aqua">x</td>

    <td style="background: yellow" width="1%">x</td>

  </tr>

</table>

</body>

</html>