By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,678 Members | 1,920 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,678 IT Pros & Developers. It's quick & easy.

Tables automatically resizes

P: n/a
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
Nov 17 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
Give 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" <kt***@streck.com> wrote in message
news:87**************************@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

Nov 17 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.