Table Align to table

[sysop9999]

Greetings all,

Project: I'm trying to align two tables beneath a top table. Like this:

Top table:
<table width="50" height="20">
<tr><td>(A)</td></tr></table>

Menu table:
<table width="10" height="40" align="left">
<tr><td>(B)</td></tr></table>

Content table:
<table width="40" height="40">
<tr><td>(C)</td></tr></table>

My problem is, that the two tables beneath doesn't align all the way to the top table. There's a small space between top table and the two others.

I've tried almost anything, valign, vspace etc. but nothing helped.

The tables align perfectly in Firefox - it's only in IE the problem is.

Any one have an insight in this problem?

[speed]

Why not just use 1 table, something like:

<table width="50">
<tr>
<td colspan="2">(A)</td>
</tr>
<tr>
<td width="10">(B)</td>
<td width="40">(C)</td>
</tr>
</table>

[sysop9999]

hmm ... I think you're on to something.

I always try to keep things in order. That's why I've used several tables and in that way have more control within each block.

This time however, I'll have to agree with you there.

The tables of course, is a little more complicated than the stated examples - but with a little trial and error it shouldn't be much of a problem to convert them.

Thanks for the insight

[speed]

Have you looked at using CSS and divs? I find it much easier to build layouts with them than with good old nested tables.