title: Using div with display table-cell inside real tables td
body: <p>I have a complicated layout created with real tables and it works fine but now I created a  new layout using DIVS and it worked fine until I tested height on cellphones and it looks pretty bad, it just don't want to keep my height 100% tested also set footer to margin bottom 0 and nothing so I will test the follow:</p>
  
  <pre><code>&lt;table style="width:100%;height:100%;border:0;border-spacing:0px;border-collapse:collapse;"&gt;
    &lt;tr&gt;
      &lt;td style="height:21px;"&gt; 
  
  &lt;DIV style="display: table-cell;"&gt; divvvvv &lt;/div&gt;&lt;/td&gt;
  
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td style="height:79px;""&gt;
  
  
      &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td style="height:100%;"&gt; &lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td style="height:21px;"&gt; &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The question is, can I add those divs inside the table TD element without adding div-display-table and div-display-row before? It seems like the best way to go for me is to mix tables and divs. What would then be the correct way of mixing them? Because TDs in Tables will not respect the height and width neither so I must use both tables and divs seems like ...</p>
  
  <p>Like this:</p>
  
  <pre><code>&lt;div class="container"&gt;
  
      &lt;div class="row"&gt;
  
          &lt;div class="column"&gt;Column 1&lt;/div&gt;
  
          &lt;div class="column"&gt;Column 2&lt;/div&gt;
  
          &lt;div class="column"&gt;Column 3&lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;div class="row"&gt;
  
          &lt;div class="column"&gt;Column 1&lt;/div&gt;
  
          &lt;div class="column"&gt;Column 2&lt;/div&gt;
  
          &lt;div class="column"&gt;Column 3&lt;/div&gt;
  
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>