Wednesday, March 28, 2012

Tables automatically resizes

I am using a nested table to control different elements of my layout.
The problem I have is that I create the outer table and set the size
properties to what I want them to be, then, if I put another table
into the first cell, when I resize that nested table, it automatically
resizes the other cells also. If I do the same type of thing in
Dreamweaver, this doesn't happen. Is there a setting of some sort in
..NET that I can turn off to prevent this from happening?

Here is the html code for the table. Sorry about the formatting.
It is the tblMenuBar table, that when I resize it, vertically, resizes
the other cells in the outer table.

<body class="BasePage" bottomMargin="0" leftMargin="0" topMargin="0"
rightMargin="0">
<form id="frmLogin" method="post" runat="server">
<TABLE id="tblBase" height="100%" cellSpacing="0" cols="4"
cellPadding="0" width="1000" border="0">
<TR>
<TD class="MenuBar" width="177" rowSpan="3">
<TABLE id="tblMenuBar" height="100%" cellSpacing="1"
cellPadding="1" width="177" border="1">
<TR>
<TD height="50" width="100%">
<asp:HyperLink id="HyperLink1"
runat="server">HyperLink</asp:HyperLink></TD>
</TR>
</TABLE>
</TD>
<td class="FormSpacer" width="22" bgColor="#ffffff"
rowSpan="3"></td>
<td class="PageHeader" vAlign="top" align="middle" width="601"
style="HEIGHT: 0.64in">
<uc1:pageheader id="PageHeader" runat="server"></uc1:pageheader>
</td>
<td class="FormSpacer" width="200" rowSpan="3"></td>
</TR>
<TR>
<TD class="WorkSpace" vAlign="top">
<div align="center">
<asp:hyperlink id="hplSecureSession" runat="server"
NavigateUrl="https://statslink.streck.com/">Click here for SECURE
INTERNET SESSION</asp:hyperlink>
</div>
<DIV align="center" class="WorkSpace" noWrap>
</DIV>
</TD>
</TR>
<TR>
<td class="PageFooter" height="50">
<uc1:pagefooter id="PageFooter" runat="server"></uc1:pagefooter>
</td>
</TR>
</TABLE>
</form>
</body
Thank you!
KalvinGive tblBase a specific height of 50.

Give tblMenuBar a specific height of 50, as well as the first cell in the
first row of tblMenuBar; give it a height of 50 too.

In fact, for anything that shouldn't be taller than 50 pixels, give anything
involved in it a hard-coded height of 50.

Avoid putting anything taller than 50 pixes in the cells of tblMenuBar.

This may or may not fix your problem, but it's good practice to be very
specific with tables when you need them to behave in a precise manner.

"Kalvin" <ktuel@.streck.com> wrote in message
news:879688dc.0308081113.2fa335b3@.posting.google.c om...
> I am using a nested table to control different elements of my layout.
> The problem I have is that I create the outer table and set the size
> properties to what I want them to be, then, if I put another table
> into the first cell, when I resize that nested table, it automatically
> resizes the other cells also. If I do the same type of thing in
> Dreamweaver, this doesn't happen. Is there a setting of some sort in
> .NET that I can turn off to prevent this from happening?
> Here is the html code for the table. Sorry about the formatting.
> It is the tblMenuBar table, that when I resize it, vertically, resizes
> the other cells in the outer table.
>
> <body class="BasePage" bottomMargin="0" leftMargin="0" topMargin="0"
> rightMargin="0">
> <form id="frmLogin" method="post" runat="server">
> <TABLE id="tblBase" height="100%" cellSpacing="0" cols="4"
> cellPadding="0" width="1000" border="0">
> <TR>
> <TD class="MenuBar" width="177" rowSpan="3">
> <TABLE id="tblMenuBar" height="100%" cellSpacing="1"
> cellPadding="1" width="177" border="1">
> <TR>
> <TD height="50" width="100%">
> <asp:HyperLink id="HyperLink1"
> runat="server">HyperLink</asp:HyperLink></TD>
> </TR>
> </TABLE>
> </TD>
> <td class="FormSpacer" width="22" bgColor="#ffffff"
> rowSpan="3"></td>
> <td class="PageHeader" vAlign="top" align="middle" width="601"
> style="HEIGHT: 0.64in">
> <uc1:pageheader id="PageHeader" runat="server"></uc1:pageheader>
> </td>
> <td class="FormSpacer" width="200" rowSpan="3"></td>
> </TR>
> <TR>
> <TD class="WorkSpace" vAlign="top">
> <div align="center">
> <asp:hyperlink id="hplSecureSession" runat="server"
> NavigateUrl="https://statslink.streck.com/">Click here for SECURE
> INTERNET SESSION</asp:hyperlink>
> </div>
> <DIV align="center" class="WorkSpace" noWrap>
> </DIV>
> </TD>
> </TR>
> <TR>
> <td class="PageFooter" height="50">
> <uc1:pagefooter id="PageFooter" runat="server"></uc1:pagefooter>
> </td>
> </TR>
> </TABLE>
> </form>
> </body>
> Thank you!
> Kalvin

0 comments:

Post a Comment