title: Min-width and max-height for table attributes
body: <p>I have a table and I want to define the <code>min-width</code> and <code>max-height</code> properties. See example below.</p>
  
  <p>My problem now is that the browser doesn't take it. If I define it on <code>td</code> it gets ignored, if I define it in an <code>div</code> element inside a <code>td</code> element, the content has the right min and max width, but the table still has the same size. (so there is a lot of free space :/)</p>
  
  <p>How can I resolve this?</p>
  
  <p>EDIT:
  I just noticed that the problem seems to only occur when the table is in fullscreen mode. Nevertheless, an element shouldn't have more than the max-width than!</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;style type="text/css"&gt;
          td {
              border: 1px solid black;
          }
  
          html,body,.fullheight {
              height: 100%;
              width: 100%;
          }
          .minfield {
              max-width: 10px;
              border: 1px solid red;
              overflow: hidden;
          }
      &lt;/style&gt;    
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;table class="fullheight"&gt;
          &lt;tr&gt;
              &lt;td class="minfield"&gt;
                  &lt;div class="minfield"&gt;
                      &lt;p&gt;hallo&lt;/p&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td&gt;&lt;p&gt;welt&lt;/p&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>