title: HTML table with variable, fixed, and remaining width
body: <p>I need to create an HTML <code>table</code> with the following layout:</p>
  
  <p><code>[Name]</code> <code>[Message]</code> <code>Date]</code></p>
  
  <p>Where the width of <code>[Name]</code> should be the width of the longest name (Up to a max), <code>[Date]</code>should be a fixed width of 95px (And floating to the right), while <code>[Message]</code> should take the remaining width.</p>
  
  <p>I've tried using multiple <code>div's</code>, but I can't get the result I need, and a <code>table</code> seems much simpler.</p>
  
  <p>So far, the following isn't working:</p>
  
  <pre><code>&lt;table style="width: 100%"&gt;
  &lt;tr&gt;
  &lt;td style="width: 100%; max-width: 100px"&gt;NAME&lt;/td&gt;
  &lt;td style="width: 100%"&gt;message&lt;/td&gt;
  &lt;td style="width: 95px"&gt;TIME&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
  &lt;td style="width: 100%; max-width: 100px"&gt;NAME OTHER&lt;/td&gt;
  &lt;td style="width: 100%"&gt;message&lt;/td&gt;
  &lt;td style="width: 95px"&gt;TIME&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <blockquote class="spoiler">
    <p><strong>Edit 1</strong> Seems as though <a href="https://stackoverflow.com/questions/20044452/css-table-with-one-column-taking-remaining-space">this example</a> has exactly what I need. Although I still think a <code>table</code> would be neater.<br>
  <strong>Edit 2</strong> The <code>[Message]</code> needs to allow for multiline...<br>
  <strong>Edit 3</strong> <a href="http://jsfiddle.net/NhGsf/" rel="nofollow noreferrer">Here is a working sample</a> of what I need (Exactly) based on the link in Edit 1</p>
  </blockquote>