In the following code, I need the inner table (the table that has the word test in it) to fill it's container to 100%. The outer most table's content may change, so I'm wanting the inner table to be able to always fill it's area to 100%.
The strange thing I noticed is that if I set the outer table's hieght to 200px or 500px, then the inner table will fill 100% of it's area, which is good ; however, this is not a valid technique to fix this issue because the outer table's amount of data could always change so I can't set the outer's table height to a fixed height.
I have read through several other posts on experts-exchange and other links that talk about the same problem, but i'm not able to get it to work with my code.
How can I get the inner table to expand to 100% of the <TD> that it is in? An example would be appreciated over a link.
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<form id="form1" runat="server">
<table cellspacing=0 cellpadding=0 align=center height=100%>
<table height=100% border=1>
<td style="width: 580px;" valign="top">
<table height=100% >
<td style="width: 785px; valign="top">
<br /><br /><br /><br /><br /><br /><br /><br />