我应该使用表格还是div？

我要实现这个 enter image description here 我应该使用表格还是div？

布局是完全一样的表，所以我使用表，而不是考虑的div建议。你有什么建议？你可以给我一个代码框架，以便我知道如何开始，否则我只会做表格，因为这是本页面的样子 - 表格数据。你有什么建议？

我开始显示此

enter image description here

而且我用这个代码是

<div class="yta2 TB_nb fontS80 "> 
    <div class="clear ">&nbsp;</div> 
    <div class="fr1 ">&nbsp;</div> 
    <div class="fr5 "><input type="button" value="Historik"></div> 
    <div class="fl30"><h2>Grunduppgifter</h2></div> 
    <div class="clear quarter">&nbsp;</div> 
</div> 
<div class="clear "></div> 

<div id="indag" class="yta2 TB_nb fontS80"> 
    <div class="clear half">&nbsp;</div> 
    <div class="fl10"><h3>Ingivningsdag</h3></div> 

    <div class="fl20">Ans&ouml;kans beroende:</div> 
    <div class="fl20">Oberoende ans&ouml;kan</div> 
    <div class="fl10">&nbsp;</div> 
    <div class="fl1">&nbsp;</div> 
    <div class="fl20"></div> 

    <div id="ob"> 
     <div class="fr10 smallg">F&ouml;rnamn Efternamn,<br>handl&auml;ggarkod<br><br></div> 
     <div class="fl10"></div> 
     <div id="datum" class="fl20">Datum ingivningsdag:</div> 
     <div class="fl20">2009-01-01 
    </div> 

    <div id="ff" style="display: none;"> 
     <div class="fr10 smallg">F&ouml;rnamn Efternamn,<br>handl&auml;ggarkod</div> 
     <div class="fl10"></div> 
     <div class="fl20">Fullf&ouml;ljd fr&aring;n:</div> 
     <div class="fl20"><input type="text"></div> 
     <div class="clear"></div> 
     <div class="fl10"></div> 
     <div class="fl20">WO-nummer:</div> 
     <div class="fl20"><input type="text"></div> 
     <div class="clear"></div> 
     <div class="fl10"></div> 
     <div class="fl20">Internationell ingivningsdag:</div> 
     <div class="fl20"><input type="text">&nbsp;<img src="images/cal.gif" alt="" width="16" height="15" border="0"></div> 
    </div> 

    <div id="avd" style="display: none;"> 
     <div class="fr10 smallg">F&ouml;rnamn Efternamn,<br>handl&auml;ggarkod</div> 
     <div class="fl10"></div> 
     <div class="fl20">Avdelad fr&aring;n:</div> 
     <div class="fl20"><input type="text"><input type="button" value="S&ouml;k"></div> 
     <div class="clear"></div> 
     <div class="fl10"></div> 
     <div id="datum" class="fl20">Datum ingivningsdag:</div> 
     <div class="fl20"><input type="text">&nbsp;<img src="images/cal.gif" alt="" width="16" height="15" border="0"></div> 
    </div> 

    <div id="utb" style="display: none;"> 
     <div class="fr10 smallg">F&ouml;rnamn Efternamn,<br>handl&auml;ggarkod</div> 
     <div class="fl10"></div> 
     <div class="fl20">Utbruten fr&aring;n:</div> 
     <div class="fl20"><input type="text"><input type="button" value="S&ouml;k"></div> 
     <div class="clear"></div> 
     <div class="fl10"></div> 
     <div id="datum" class="fl20">Datum ingivningsdag:</div> 
     <div class="fl20"><input type="text">&nbsp;<img src="images/cal.gif" alt="" width="16" height="15" border="0"></div> 
    </div> 

    <div id="oepa" style="display: none;"> 
     <div class="fr10 smallg">F&ouml;rnamn Efternamn,<br>handl&auml;ggarkod</div> 
     <div class="fl10"></div> 
     <div class="fl20">EP- ans&ouml;kningsnummer:</div> 
     <div class="fl20"><input type="text"><input type="button" value="S&ouml;k"></div> 
     <div class="clear"></div> 
     <div class="fl10"></div> 
     <div id="datum" class="fl20">Ankomstdatum (EP-ans&ouml;kan)<br>eller ingivningsdag (EP-ans&ouml;kan):</div> 
     <div class="fl20 mt5p"><input type="text">&nbsp;<img src="images/cal.gif" alt="" width="16" height="15" border="0"></div> 
    </div> 

    <div id="aooep" style="display: none;"> 
     <div class="fr10 smallg">F&ouml;rnamn Efternamn,<br>handl&auml;ggarkod</div> 
     <div class="fl10"></div> 
     <div class="fl20">Avdelad fr&aring;n:</div> 
     <div class="fl20"><input type="text"><input type="button" value="S&ouml;k"></div> 
     <div class="clear"></div> 
     <div class="fl10"></div> 
     <div class="fl20">EP- ans&ouml;kningsnummer:</div> 
     <div class="fl20"><input type="text"><input type="button" value="S&ouml;k"></div> 
     <div class="clear"></div> 
     <div class="fl10"></div> 
     <div id="datum" class="fl20">Ankomstdatum (EP-ans&ouml;kan)<br>eller ingivningsdag (EP-ans&ouml;kan):</div> 
     <div class="fl20 mt5p"><input type="text">&nbsp;<img src="images/cal.gif" alt="" width="16" height="15" border="0"></div> 
    </div> 

    <div class="fl10"></div> 


    <div class="clear"></div> 
</div><!-- indag --> 

<div class="clear lh10">&nbsp;</div> 

<div id="sokupp" class="yta2 TB_nb fontS80"> 
    <div class="fl50" id="L-col"> 
     <div class="clear half">&nbsp;</div> 
     <div class="fl25"><h3>S&ouml;kande</h3></div>

谢谢

来源

2012-03-22 Niklas Rosencrantz

完全表。一切。只是开玩笑（大部分），但对于数据：看起来像一张桌子。尽可能避免使用* outer *布局的表格。适用于任何至少支持CSS2的浏览器。 – 2012-03-22 06:53:09

Div的布局，表格的数据:) – Kyle 2012-03-22 07:11:40

谢谢你们，我已经开始使用，但我吮吸DIVs，因为我从来没有真正理解规则，即当我们得到的是DIV时 – 2012-03-23 06:59:30