100% height div inside 100% td
- by Brizio
Ok,
so here is my problem.. and its buggin me for a while...
i need to set the following DIV 100% height inside this TD without any side-effects (by that i mean scrolling), because for some unknown reason, when i set it to 100% height, looks like IE 8 does some wrong calculations..
I tried a lot of combinations but no success..
transitional doctype is required...
thanks in advance for any help!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style>
html, body
{
height:100%;
margin:0px;
padding:0px;
}
</style>
<head>
<body>
<table style="height:100%" border="1">
<tr>
<td>TOP</td>
</tr>
<tr style="height:100%">
<td style="height:100%">
<div style="border:1px dotted blue; height:100%">CONTENT</div>
</td>
</tr>
</table>
</body>
</html>
