G
Guest
How do I get a CELL to autosize a round a Control in a HTML Table?
For example, you add a 2 row, 3 column HTML table to your webpage. In the
1st row, you set the colspan=3, then delete the excess columns. Now the 1st
row should look like it has only 1 cell, and the 2nd row has 3 cells. Now
add a Web Forms DataGrid in row, and add a Web Forms Button in the middle
cell of row 2.
Now, when I try to resize the row, I can’t seem to get it to size to the
controls. There always seem to be a gap below or to the left.
Does anyone have any suggestions? I’m fairly new with ASP.net. Here is the
HTML code:
<%@ Page language="c#" Codebehind="Test.aspx.cs" AutoEventWireup="false"
Inherits="TestWebApp.WebForm1" debug="True"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema"
content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<TABLE id="Table2" style="Z-INDEX: 102; LEFT: 20px; POSITION: absolute;
TOP: 16px" cellSpacing="1"
cellPadding="1" width="300" border="1">
<TR>
<TD colSpan="3" style="HEIGHT: 162px">
<asp
ataGrid id="DataGrid2" runat="server" Height="162px"
Width="301px"></aspataGrid></TD>
</TR>
<TR>
<TD style="WIDTH: 45px"></TD>
<TD style="WIDTH: 3px">
<asp:Button id="Button1" runat="server" Text="Button"></asp:Button></TD>
<TD></TD>
</TR>
</TABLE>
</form>
</body>
</HTML>
For example, you add a 2 row, 3 column HTML table to your webpage. In the
1st row, you set the colspan=3, then delete the excess columns. Now the 1st
row should look like it has only 1 cell, and the 2nd row has 3 cells. Now
add a Web Forms DataGrid in row, and add a Web Forms Button in the middle
cell of row 2.
Now, when I try to resize the row, I can’t seem to get it to size to the
controls. There always seem to be a gap below or to the left.
Does anyone have any suggestions? I’m fairly new with ASP.net. Here is the
HTML code:
<%@ Page language="c#" Codebehind="Test.aspx.cs" AutoEventWireup="false"
Inherits="TestWebApp.WebForm1" debug="True"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema"
content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<TABLE id="Table2" style="Z-INDEX: 102; LEFT: 20px; POSITION: absolute;
TOP: 16px" cellSpacing="1"
cellPadding="1" width="300" border="1">
<TR>
<TD colSpan="3" style="HEIGHT: 162px">
<asp
ataGrid id="DataGrid2" runat="server" Height="162px" Width="301px"></asp
ataGrid></TD></TR>
<TR>
<TD style="WIDTH: 45px"></TD>
<TD style="WIDTH: 3px">
<asp:Button id="Button1" runat="server" Text="Button"></asp:Button></TD>
<TD></TD>
</TR>
</TABLE>
</form>
</body>
</HTML>