how to create 2 inline tables 1 main content 1 sidebar

hello! I just want to ask how to create 2 inline tables 1 main content 1 sidebar.

The Main table is floated on the left.
The sidebar table is floated on the right.

The sidebar table should be 200px on width.
And the main table should get the remaining space, so both of them will fit 100% screen.
A very fluid one.

Thanks in advance and more power.

 

You can use css + div design to achieve your job.

Try the tool,
http://www.pagecolumn.com/2_col_generator.htm

 

That link works but looks a bit bulky. Here is the short-hand way if you want to know how.

CSS

#container
{
 float:left;
 width:900px;
}

#leftCol
{
 float:left;
 width:290px;
 padding-right:10px;
}

#rightCol
{
 float:right;
 width:600px;
}

Code (markup):

HTML

<div id="content">
 <div id="leftCol">
   <p>left column text goes here</p>
 </div>

 <div id="rightCol">
  <p>right column text goes here</p>
 </div>
</div>

Code (markup):

 

For simple coding, here's another tool

http://www.pagecolumn.com/2_column_div_generator_m.htm