Table cell size control

In FP 2003 I have created a table of 3 x 3 cells.  No problem here.

The top left and left middle left cell I have I have merged. and adjusted the size to 20px wide and 121px high.  To the right of this merged cell I still have 2 cells as they are not merged.

The problem is that I am unable to adjust the cell heights to the right of the merged and now sized single cell.  It seems that FP will only allow each of these 2 cell to be 50% of the total height of the merged cells.

In table properties I have tried all Enable, Disable and Automatic Layout settings.

Table code below.

<div align="center">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" id="table1">
            <tr>
                  <td width="20" rowspan="2" height="121">&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
            </tr>
            <tr>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
            </tr>
            <tr>
                  <td width="20">&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
            </tr>
      </table>
</div>


Any ideas please.

Jezella  
jezellaAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

seanpowellCommented:
Hi Jezella,

What you need to do is assign the heights on the "row" tags for the first two rows. That way, the height of the combined rows will be automatically set.

Like this, with CSS added for this demo:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title></title>
<style type="text/css">

#table1 { border-collapse:collapse; width:100%; border:none; }

td { padding:0; border:1px solid #444444; background-color:#eeeeee; }

</style>
</head>

<body>

<table cellspacing="0" id="table1">
      <tr height="41">
            <td width="20" rowspan="2">&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
      </tr>
      <tr height="80">
            <td>&nbsp;</td>
            <td>&nbsp;</td>
      </tr>
      <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
      </tr>
</table>

</body>
</html>


Thanks,
Sean
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
FahdmurtazaCommented:
Seanpowell has done it before i could try  it. Absolutely fine!
Regards,
Fahd Murtaza
0
jezellaAuthor Commented:
Many thanks Sean.  What would I do without you.

Jezella
0
seanpowellCommented:
That's very kind Jezella, and thank you :-)

Sean
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development Software

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.