Given the following code, I am seeing TextBox1 and TextBox2 size to a height of about 30px, despite the fact that they are set to 100% and the containing cell/row are much larger. How do I modify the page to size them correctly to 100% of the height of their containing cell?
<%@ page language="c#" codebehind="SnapInRuntimeE
rrors.aspx
.cs" autoeventwireup="True" inherits="EnterpriseASP.IE
WebTemplat
es.SnapInR
untimeErro
rs" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"
>
<html>
<head>
<title>SnapInRuntimeErrors
</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 9.0" />
<meta name="CODE_LANGUAGE" content="C#" />
<meta name="vs_defaultClientScri
pt" content="JavaScript" />
<meta name="vs_targetSchema" content="
http://schemas.microsoft.com/intellisense/ie5" />
<style type="text/css">
*
{
padding: 0;
margin: 0;
}
html, body
{
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
}
html, body, table
{
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
}
#Table1 tr.first
{
width: 100%;
min-width: 100%;
height: 10%;
min-height: 10%;
background-color: #00005a;
font-size: 12pt;
color: white;
font-family: Arial;
}
#Table1 tr.second
{
width: 100%;
min-width: 100%;
height: 60%;
min-height: 60%;
}
#Table1 tr.third
{
width: 100%;
min-width: 100%;
height: 30%;
min-height: 30%;
}
#Table1 tr.controls
{
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
}
</style>
</head>
<body>
<form id="Form1" method="post" runat="server">
<table id="Table1" border="None" cellpadding="0" cellspacing="0"
style="border-style: none; border-width: 0px">
<tr class="first">
<td class="first" align="center">
Runtime Errors
</td>
</tr>
<tr class="second">
<td class="second" valign="top">
<asp:textbox id="TextBox1" runat="server" readonly="True" wrap="False"
textmode="MultiLine" min-width="100%" min-height="100%" width="100%"></asp:textbox
>
</td>
</tr>
<tr class="third">
<td class="third" valign="top">
<asp:textbox id="TextBox2" runat="server" readonly="True" wrap="False"
textmode="MultiLine" min-width="100%" min-height="100%" width="100%"></asp:textbox
>
</td>
</tr>
</table>
</form>
</body>
</html>
