یک سئوال ساده از CSS

[mr.wolf]

سلام دوستان
یه سئوال CSS
سه تا DIV دارم به حالت زیر:
<div class"right">Right</div>
<div class"center">Center</div>
<div class"left">Left</div>
می خوام با همون کلاس های right و left و center حالتی شبیه یک table رو پیاده سازی کنم که سه تا Div با ارتفاع متغیر ولی از بالای صفحه کنار هم چیده شده باشند.
مثل تصویر زیر.
راه حلی برای این موضوع دارین ؟

118209

[viiictor]

<style>
.divTable
{
display: table;
width:auto;
background-color:#eee;
border:1px solid #666666;
border-spacing:5px;/*cellspacing:poor IE support for this*/
/* border-collapse:separate;*/
}

.divRow
{
display:table-row;
width:auto;

}

.divCell
{
float:left;/*fix for buggy browsers*/
display:table-column;
width:200px;
background-color:#ccc;

}


</style>


<div class="divTable">
<div class="headRow">
<div class="divCell">111</div>
<div class="divCell">222</div>
<div class="divCell">333</div>
</div>
<div class="divRow">
<div class="divCell">001</div>
<div class="divCell">002</div>
<div class="divCell">003</div>
</div>
<div class="divRow">
<div class="divCell">xxx</div>
<div class="divCell">yyy</div>
<div class="divCell">www</div>
</div>
<div class="divRow">
<div class="divCell">---</div>
<div class="divCell">***</div>
<div class="divCell">///</div>
</div>

</div>
</form>

ببین این کد ها کمکی به ساخت جدول به کمک css و div بهت میکنه یا نه !

[viiictor]

<style>
.divTable
{
display: table;
width:auto;
background-color:#eee;
border:1px solid #666666;
border-spacing:5px;/*cellspacing:poor IE support for this*/
/* border-collapse:separate;*/
}

.divRow
{
display:table-row;
width:auto;

}

.divCell
{
float:left;/*fix for buggy browsers*/
display:table-column;
width:200px;
background-color:#ccc;

}


</style>





<div class="divTable">
<div class="headRow">
<div class="divCell">111</div>
<div class="divCell">222</div>
<div class="divCell">333</div>
</div>
<div class="divRow">
<div class="divCell">001</div>
<div class="divCell">002</div>
<div class="divCell">003</div>
</div>
<div class="divRow">
<div class="divCell">xxx</div>
<div class="divCell">yyy</div>
<div class="divCell">www</div>
</div>
<div class="divRow">
<div class="divCell">---</div>
<div class="divCell">***</div>
<div class="divCell">///</div>
</div>

</div>
</form>

ببین این کد ها کمکی به ساخت جدول به کمک css و div بهت میکنه یا نه !