Make div fill remaining cell space, display table not working (JsFiddle attached),

Question

I have a popup window with a table inside, a row with and 2 divs.

I need the bottom div to take the remaining height.

The offending div is

<div id="overview">

It overflows the cell

Is there anyway to have this div take up the remaining height without fixing it, as this popup window will change size

JsFiddle example

Answer 1

Change your css :

CSS

#overview {
  height:auto;
}

.CSSTableGeneratorRound {
  height:auto;
}

My CodePen