Code:
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>layOut</title>
<style type="text/css">
* { margin:0; padding:0;}
.contentWrapper{
float: left;
width: 100%;
}
.boneColor{
background-color:#ffff88;
}
#center3liquid{
margin: 0 250px 0 120px; 
background-color:#ff88ff;
}
#centerFix3liquid{
margin: 0 220px 0 220px; 
background-color:#ff88ff;
}
#left3column{
float: left;
width: 120px; 
margin-left: -100%;
background: #88ffff;
}
#leftFix3column{
float: left;
width: 220px; 
margin-left: -100%;
background: #88ffff;
}
#right3column{
float: left;
width: 250px;
margin-left: -250px; 
background: #88ffff;
}
#rightFix3column{
float: left;
width: 220px;
margin-left: -220px; 
background: #88ffff;
}

#screen { 
width:500px;
background-color:#ffaaff;
margin:auto;
padding:5px;
}
#title { 
background-color:#ffaaaa;
margin:auto;
padding:5px;
}
#left2liquid{
margin-right: 200px;
margin-top:15px;
}
#right2column{
float: left;
width: 200px;
margin-left: -200px; 
background: #ff88ff;
}

#sideBar {
 float: left;
 width: 200px; 
 margin-left: -200px; 
 background: #aaffff;
}

.wFull{width:100%}
.w10{width:10px}
.w300{width:300px}
.h5 {height:5px}
.h10 {height:10px}
.h30 {height:30px}
.m5 {margin:5px;}
.m-t5 {margin-top:5px;}
.m-t10 {margin-top:10px;}
.p2{padding:2px} 
.p3{padding:3px} 
.p-t5{padding-top:5px;}
.b1_555 { border:1px solid #555}
.alignLeft{text-align:left}
.alignCenter{text-align:center}
.alignRight{text-align:right}
.bColorWhite{background-color:#ffffff}
.marginAuto{margin:auto}
.clearBoth{clear:both}
</style>
</head>

<body>
<div class="contentWrapper">
<div id="left2liquid">
 <a href="">my domain</a>
</div></div>

<div id="sideBar">
<table>
  <tr>                                                                                        
    <td colspan="2" class="wFull alignCenter boneColor b1_555">guest</td>
    <td class="w10"></td>
    <td class="boneColor b1_555 p2">00</td>
  </tr>  
  <tr>
    <td colspan="4" class="wFull h5 boneColor b1_555"></td>
  </tr>
</table>
<table>
  <tr>
    <td class="boneColor p2 b1_555">00</td>
    <td class="w10"></td>
    <td colspan="2" class="wFull boneColor b1_555 alignCenter">logIn</td>
  </tr>
</table>
</div>

<form>
<div class="clearBoth h30 alignCenter p-t5 b1_555 boneColor">
<a href="">+</a>
<input type="text" class="w300">
<input type="submit" value="search">
</div>
</form>

<div class="clearBoth h30 m-t5 p-t5 b1_555 boneColor">
   <div class="w300 alignCenter p2 b1_555 marginAuto bColorWhite"> (navigator )  sun > earth > asia </div>
</div>

<div class="h5"></div>
<div class="contentWrapper">
  <div id="centerFix3liquid" class="h30 alignCenter">
      <p>title (liguid width)</p>
  </div>
</div>

<div id="leftFix3column">
<div class="alignCenter">
 <p class="m5"> left (fixed width)</p></div>
</div>

<div id="rightFix3column">
<div class="m5 alignCenter"><p> right (fixed width) </p></div>
</div>

<div class="h5 clearBoth"></div>
<div class="contentWrapper">
  <div id="center3liquid">
        <div id="screen">
<p>flexible width by the contents-variable. 
The left and right side of this center contents are the liquid space</p>
        </div>    
  </div>
</div>
<div id="left3column">
<div class="m5">
<p>flexible width by the left-variable</p>
</div>
</div>

<div id="right3column">
<div class="m5">
<p>flexible width by the right-variable</p>
</div></div>
</body>
</html>
How can I make the table code in the code above at http://dot.kr/x-test/tablessLayout01.php tabless with the same result of display?