As seen in the picture in the second cell after the second diva there is an empty space. So I can not understand how the second div to make the height stretch to the end of the cell.
Table code:
<style> .div_100 { width: 100%; height: 100%; border: 1px solid red; overflow: auto; } .simple_div { width: 100%; height: 25px; border: 1px solid red; overflow: auto; } </style> <table width="200" border="1"> <tr> <td> <div class="simple_div">asdasdasd</div> <div class="simple_div">asdasd</div> <div class="simple_div">asdasd</div> </td> <td valign="top"> <div class="simple_div">asdasdasd</div> <div class="simple_div">asdasd</div> </td> <td><div class="div_100">sdasd</div></td> <td><div class="div_100">asdasd</div></td> </tr> </table>
Ideally, I would like to solve the problem without scripts. Thank you in advance.