A little help with HTML tables

[noas]

Hi

I have 3 tables next to each other, which are all surrounded by another table. The code being something like:

<table>
<tr><td width="34%">

<table border="0" cellpadding="3" cellspacing="1" class="border">
<tr>
<td valign=middle align=center>
CONTENT HERE
</td>
</tr>
</table>

</td><td width="36%">

<table border="0" cellpadding="3" cellspacing="1" class="border">
<tr>
<td valign=middle align=center>
CONTENT HERE
</td>
</tr>
</table>

</td><td width="30%">

<table border="0" cellpadding="3" cellspacing="1" class="border">
<tr>
<td valign=middle align=center>
CONTENT HERE
</td>
</tr>
</table>

</td></tr></table>

Each table has a different amount of content (CONTENT HERE). My problem is that when the screen resolution is changed the tables become thicker or thinner, so there heights change. I want to know if there is a way to code it so that each table with content is always the same height?

Any advice would be great!

[Watdaflip]

Well first off add quotes around
<td valign=middle align=center>

to be

<td valign="middle" align="center">

Will you post the style info for border, that might very well be causing a problem.

If all else fails, instead of using a %, set it to a defined amount of pixels. The majority of the people these days have a resolution of 800x600 or higher, and the vast majority of websites are designed with that to be the minimum resolution.

[Saturnsix]

did this work?