Given the following code, I am expecting th see a table, scaled to the full size of the browser window, with 3 rows where the 1st row is 10% height, the second row is 60%, and the 3rd row is 30%...where did I go wrong?
<%@ 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
{
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%;
}
</style>
</head>
<body >
<form id="Form1" method="post" runat="server">
<table id="Table1">
<tr class="first">
<td class="first" align="center">
InstantEnterprise.NET Script Runtime Errors
</td>
</tr>
<tr class="second">
<td class="second" valign="top">
<asp:textbox id="TextBox1" runat="server" height="100%" width="100%" min-width = "100%" min-height= "100%" textmode="MultiLine" wrap="False" readonly="True"></asp:text
box>
</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%" height="100%"></asp:textbo
x>
</td>
</tr>
</table>
</form>
</body>
</html>
Start Free Trial