August 29, 2008 03:55pm pdt

Member Login

Hall of Fame

Yearly

1hielo 137,888
2Kravimir 97,400
3Gertone 36,265
4Steggs 28,550
5b0lsc0tt 28,118
6scrathcyboy 24,970
7Xyptilon2 21,000
8mr_egypt... 18,600
9LordOfPo... 17,452
10mplungjan 17,310
11GreenGho... 16,875
12jason1178 14,750
13dbrunton 14,100
14Rouchie 14,000
15TName 12,500
16Roonaan 12,097
17mreuring 11,700
18VirusMinus 10,800
19xberry 10,750
20glumlun 10,550
21ali_kayahan 10,380
22bluefezteam 10,075
23araim 9,100
24glcummins 9,000
25Hube02 8,200

	[x] Attachment Details

Asp.net text box not sizing as expected...

Zones: Extensible HTML (XHTML), Programming for ASP.NET

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="SnapInRuntimeErrors.aspx.cs" autoeventwireup="True" inherits="EnterpriseASP.IEWebTemplates.SnapInRuntimeErrors" %>

<!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_defaultClientScript" 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>

Start your free trial to view this solution

[x]

The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

The Grade of the Solution
The Zone Rank of the Expert Providing the Solution
The Number of Author and Expert Comments
The Number of Experts Contributing
The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!

8.7

Question Stats

Zone: Web Development

Question Asked By: ChristopherEvans

Solution Provided By: Velio

Participating Experts: 1

Solution Grade: A

Translate:

Loading Advertisement...

Open Discussion

Comment by ChristopherEvans

Here is the answer from my incident report with Microsoft:

Chris,

I got confirmation that some controls simply do not accept percent height as a style. This seems to be controls which accept text input. I havent tested all of them, but it looks like these are the same controls that have some issues with resizing when the user types inside them. The product group is aware of the issue and it has been fixed for Standards Mode in IE8 but is very unlikely to be changed in IE7 unless we had a situation where the work around ( which you have already implemented) of setting the height in pixels based on the height of the parent container was unacceptable .

You are correct, I can now officially confirm that your syntax is correct and the behavior of IE is unexpected and considered a known issue.

Is there any other information I can get for you?

Comment by Velio

cool, thanks for taking the effort to investigate further :)

20080723-EE-VQP-34 / EE_QW_2_20070628