100% height div inside 100% td
Posted
by
Brizio
on Stack Overflow
See other posts from Stack Overflow
or by Brizio
Published on 2010-12-22T23:55:42Z
Indexed on
2010/12/23
0:54 UTC
Read the original article
Hit count: 124
Filed under:
html
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>
© Stack Overflow or respective owner
