table layout fixed test

by Laurens Maneschijn

HTML

<table class="fixed">
  <tbody>
    <tr>
      <td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
      <td>x</td>
    </tr>
  </tbody>
</table>

<table class="fixed">
  <tbody>
    <tr>
      <td>aa aa aa aa aa a a a aa a a a a a aa aaa</td>
      <td>x</td>
    </tr>
  </tbody>
</table>


<table class="fixed">
  <tbody>
    <tr>
      <td><img src="http://jsfiddle.net/img/logo.png"/> </td>
      <td>x</td>
    </tr>
  </tbody>
</table>

<table class="fixed">
  <tbody>
    <tr>
      <td><img src="http://jsfiddle.net/img/logo.png" style="max-width:100%;"/> </td>
      <td>x</td>
    </tr>
  </tbody>
</table>

<table>
  <tbody>
    <tr>
      <td><img src="http://jsfiddle.net/img/logo.png" style="max-width:100%;"/> </td>
      <td>x</td>
    </tr>
  </tbody>
</table>

CSS

table.fixed{
  table-layout:fixed;
}
table tr td {
  border:1px solid #888;
}
table tr td:first-child{
  width:50px;
}