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="Tes t.aspx.cs" AutoEventWireup ="false"
Inherits="TestW ebApp.WebForm1" debug="True"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1 </title>
<meta name="GENERATOR " Content="Micros oft Visual Studio .NET 7.1">
<meta name="CODE_LANG UAGE" Content="C#">
<meta name="vs_defaul tClientScript" content="JavaSc ript">
<meta name="vs_target Schema"
content="http://schemas.microso ft.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:DataGrid id="DataGrid2" runat="server" Height="162px"
Width="301px"></asp:DataGrid></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>
