سؤال في div اذا سمحتو

[eslam0900]

السلام عليكم ورحمة الله وبركاته

اخواني انا اصمم صفحة بواسطة ال css

واصممها كلها بواسطة div بدون جداول ومستغني عن الجداول تماما

اذا حبيت اعمل مثل هذا الجدول بواسطة ال div

<table border="1" cellspacing="1" bordercolor="#F29740" width="98%" align="center">
  <tr>
    <td class="cat2" width="100%" height="23" colspan="3" bordercolor="#F29740">
    &nbsp;</td>
  </tr>
  <tr>
    <td class="cat2" width="25%" bordercolor="#F29740" bgcolor="#FFF0D9" align="center">

    &nbsp;</td>
    <td class="cat2" width="25%" bordercolor="#F29740" bgcolor="#FFF0D9" align="center">

 &nbsp;</td>
    <td class="cat2" width="50%" bordercolor="#F29740" bgcolor="#FFF0D9" align="center">
&nbsp;<br>
&nbsp;</td>
  </tr>
</table>

هل ذلك ممكن بواسطة ال div ؟؟

واذا ممكن ارجو منكم المساعدة


شاكر لكم جميعا

[owner]

#table1 {
border-style: double;
border-color: #F29740;
}
#table2 {
border-right-style: double;
border-bottom-style: double;
border-left-style: double;
border-right-color: #F29740;
border-bottom-color: #F29740;
border-left-color: #F29740;
background-color: #FFF0D9;
}
#table2 #50 {
border-right-style: double;
border-bottom-style: double;
border-left-style: double;
border-right-color: #F29740;
border-bottom-color: #F29740;
border-left-color: #F29740;
}
#table2 .d50 {
border-left-style: double;
border-left-color: #F29740;
float: right;
width: 48%;
}
#table2 .d25 {
border-left-style: double;
border-left-color: #F29740;
float: right;
width: 24%;
margin-right: auto;
}
#table2 .d25a {
float: right;
width: 24%;
margin-right: auto;
}
#allZ {
}

<div id="allZ">
<div id="table1">
</div>
<div id="table2">
<div class="d50">
</div>
<div class="d25">
</div>
<div class="d25a">
</div>
</div>
</div>

جرب هذي الاكواد .