PDA

Click to See Complete Forum and Search --> : Cells resizing unexpectingly. How do avoid this?

Lextar
09-16-2005, 08:58 AM
Right... I'm sure people can tell me alternative ways of formating this, but I haven't got around to learning, so I'm currently using basic html mixed with some css.

Forgot I can edit posts. See next one.
Lextar
09-16-2005, 09:51 AM
Okay, to simplify things, I stripped everything out.

Here is the code that how I want it to look

<TABLE BORDER=1 CELLPADDING=2 CELLSPACING=0 WIDTH=100% HEIGHT=80%>
<TR>
<TD ROWSPAN=2 WIDTH=130px HEIGHT=100% VALIGN=TOP> <!--SIDE BAR-->
<P>Updates</P>
<P>Updates</P>
</TD>
<TD>
Menus here
</TD>
</TR>
<TR>
<TD HEIGHT=100% VALIGN=TOP>
<P>
Main info here
</P>
<P>
Which currently two lines long
</P>
</TD>
</TR>
</TABLE>


Now duplicate the Update lines a couple of times so you get the following, and the cell with "Menus here" increases in height

<TABLE BORDER=1 CELLPADDING=2 CELLSPACING=0 WIDTH=100% HEIGHT=80%>
<TR>
<TD ROWSPAN=2 WIDTH=130px HEIGHT=100% VALIGN=TOP> <!--SIDE BAR-->
<P>Updates</P>
<P>Updates</P>
<P>Updates</P>
<P>Updates</P>
<P>Updates</P>
<P>Updates</P>
</TD>
<TD>
Menus here
</TD>
</TR>
<TR>
<TD HEIGHT=100% VALIGN=TOP>
<P>
Main info here
</P>
<P>
Which currently two lines long
</P>
</TD>
</TR>
</TABLE>

How do I stop the menu cell from increasing in height?
Lextar
09-19-2005, 08:17 AM
Can anyone help??? :confused:
mentalcow
09-19-2005, 10:30 PM
you know what... i read this and it sounds like an easy fix but i just started over and made my own page similar to yours. this is what i came up with... i'm not sure what you did different, i didn't check every detail but here ya go.

<html>

<head>
</head>

<body>

<center>
<table width="500" height="500" border="1">
<tr>
<td rowspan="2" width="30%"><center>
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
<br>updates
</center></td>

<td height="50">Menus here</td>
</tr>

<tr>
<td height="450" valign="top">Main info here<br><br>Which is currently two lines long</td>
</tr>
</table>

</body>
</html>