问一个DIV+CSS的问题

这两天开始学习W3C标准做网页
按W3C的标准：不用表格
在家研究了一下
准备用DIV模仿出表格的效果
结果整了一个多小时愣没整出来不知哪位高手解救我。

解决方案 »

  1.   

    <div> 是定整个布局, 如果要表格,还是用table标签
      

  2.   

    看看这个有没有用
    http://www.cnblogs.com/grandydong/archive/2007/03/05/664295.html
      

  3.   

    http://www.zishu.cn/blogview.asp?logID=579 http://www.mybict.com/archiver/tid-8929.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
    <html xmlns="http://www.w3.org/1999/xhtml"; lang="gb2312">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta http-equiv="Content-Language" content="gb2312" />
    <meta content="all" name="robots" />
    <meta name="Author" content="[email protected] ,活靶子" />
    <meta name="Copyright" content="www.AspxBoy.Com,自由版权,任意转载." />
    <meta name="Description" content="www.AspxBoy.Com" />
    <meta name="Keywords" content="www.AspxBoy.Com,活靶子,huobazi" />
    <title> Div布局 </title>
    <style>
    div
    {
    height:200px;
    color:red; 
    }
    .title
    {
    margin:0 auto;
    width:776px;
    background-color:#abcdef;
    }
    .middle
    {
    margin:0 auto;
    width:776px;
    }
    .left
    {
    float:left;
    clear:right;
    width:20%;
    background-color:#eeefff;
    }
    .center
    {
    float:left;
    clear:right;
    width:50%;
    background-color:#CCC000;
    }
    .right
    {float:left;
    clear:right;
    width:30%;
    background-color:#fff000;
    }
    .both
    {
    clear:both; 
    width:100%;
    background-color:#666999; 
    }
    .footer
    { 
    margin:0 auto;
    width:776px;
    clear:both; 
    background-color:#000fff; 
    }
    </style></head><body><div class="title">顶部</div>
    <div class="middle">
    <div class="left">左侧</div>
    <div class="center">中部</div>
    <div class="right">右侧</div>
    <div class="both">全行</div>
    <div class="left">左侧</div>
    <div class="center">中部</div>
    <div class="right">右侧</div>
    <div class="both">全行</div>
    <div class="left">左侧</div>
    <div class="center">中侧</div>
    <div class="right">右侧</div>
    </div>
    <div class="footer">底部</div></body>
    </html>[/
      

  4.   

    div是以层的方式放置的，比较灵活，多了个像素少了个像素都会使人崩溃！可以考虑div+table布局！
      

  5.   

    <ul><li>来做吧
    可以做成表格
      

  6.   

    一般用div做的话,是一定要用css的
      

  7.   

    不是说一定不要用table,其实用div+table这样更容易，更易于布局啊
      

  8.   

    按W3C的标准：不用表格？一些大门户网不用Table，但不代表Table就不好
    不要盲目跟风
      

  9.   

    DIV+Table+CSS
    根据需要灵活应用,是个非常好的解决方案!
      

  10.   

    呵呵，我只是想学习
    table我都用烂了。想学习新技术
    DIV的控制我确实很弱
      

  11.   

    可是W3C不让我用表格。------------------
    w3c不是不让表格，而是不随便用表格，相反对于表格型数据承现还是支持用表格