How do I make a table to hold the content in my design?

I created a design for my website. I am planning to make it with TABLES because it seems to be the easiest. The tables are not going the way I intended.

There was a problem putting the code on the page so I put my HTML document (.html) and the way I want it to look (.jpg) in the below zip-file link:

http://ericlounge.host22.com/000/22014/0aa.zip

If someone could give me the code 开发者_StackOverflowor explain my error that would be great!

I would avoid using tables, but it's your choice.

<Table>
    <TR>
        <TD rowspan ="3">
            Navigation
        </TD>
        <TD>
           TITLE
        </TD>
        <TD rowspan ="3">
            SideBar
        </TD
    </TR>
    <TR>
        <TD>
            ADS
        </TD>
    </TR>
    <TR>
        <TD>
            Content
        </TD>
    </TR>
</Table>

This does not answer your question, however, it will give you reasons why you should look at a different approach for your layout/design rather than tables.

Why not use tables for layout in HTML?

To counteract the "tables is the easiest" option then have a look at Yahoo's YUI templates and examples. These can probably produce exactly what you are after with little effort.

http://developer.yahoo.com/yui/grids/