Question

I have a div inside a td. The td has a height. How I can stretch the div vertically – without setting its height explicitely.

<td style='height:200px'>
<div>hello<div>
<td>

I tried setting the vertical-alignment but there is no “stretch” value.

Answer 1

Sample
http://jsfiddle.net/hnBNk/

HTML

<table>
    <tr>
        <td style='height:200px; border: 1px solid red;'>
            <div style="border: 1px solid blue;">hello</div>
        </td>
    </tr>
</table>

CSS

div { /* This is a sample! Of course a class 'my_div' would make more sense */
    height: 100%;
}