Image repeat issue

[Peter Smith]

Hi,

im trying to repeat an image on each sides of a table .
In the center table I want to add more information (tables and stuff). IMPORTANT: I dont know how much data will be in this center table

For the two tables on the far right and left I want the side images to repeat vertically as I enter more data. Currently the side tables remain small and does not repeat the image...
I hope my problem is clear, otherwise the code should explain what im trying to do....
Help is really needed!

See the code below. NOTE: When I replace the value 100% by a hard pixel value, say 300...this code does do what I want...

<!-- TOTAL TABLE -->
<table width="700" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<!-- LEFT SIDE-->
<table width="20" cellpadding="0" cellspacing="0" border="0" height="100%" style="background-image: url(Images/Table_Main_SideLeft.jpg); background-repeat: repeat-y;">
<tr>
<td><img src="Images/Blank.gif" width="20" /></td>
</tr>
</table>
</td>
<td>
<!-- MAIN -->
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="656">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<!-- this is where I want to add data, but if this is more than one row the sides of the LEFT and RIGHT SIDE tables do NOT vertically repeat along-->


</td>
</tr>
</table>
</td>
<td>
<!-- RIGHT SIDE-->
<table width="24" cellpadding="0" cellspacing="0" border="0" height="100%" style="background-image: url(Images/Table_Main_SideRight.jpg); background-repeat: repeat-y;">
<tr>
<td><img src="Images/Blank.gif" width="20" /></td>
</tr>
</table>
</td>
</tr>
</table>

[ray326]

What kind of tabular data is going into this table? It looks like you should dump the tables and do it right.

[Peter Smith]

As you can see, I have 3 tables next to each other (each in a cell of the larger table) on which this issue applies.
The left table should handle the right side of the form, the right table the right side.
In the center table I want to add several input fields, like name, address, zipcode and a memo.
As I fill this center table with more of these fields, I want to let the left and right tables to grow along and take care of the form sides.

I also dont understand why the hard pixel value works and the % doesnt?
And what do you mean by dumping the tables and do it right? you mean there is a better way?
Thanks for the quick reply!

[ray326]

Structurally what you have is this.

<div id="page">
<div id="leftside">
</div>
<div id="middle">
</div>
<div id="rightside>
</div>
</div>

It's a classic three column layout withou a header or footer. No tables are indicated. That's what I mean by "the right way."