大家看看我的布局对吗

我做了一个一行三列的布局，不知道规范吗？下面是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">
<head>
<title>网页布局</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" type="text/css" rel="stylesheet" />
</head><body bgcolor="#FFFFFF">
    <div class="bigbox">
         <div class="top"></div>
         <div class="middle">
             <div class="left"></div>
             <div class="right"></div>
             <div class="center"></div>
         </div>
         <div class="bottom"></div>
    </div>
</body>
</html>

解决方案 »

  1.   

    下面是CSS样式：
    body{ margin:0px}
    .bigbox
    {
      width:960px;
      margin:0 auto;
    }
    .top
    {
       height:100px;
       border:1px solid #009900;
    }
    .middle
    {
      margin:10px 0 10px 0;  
    }
    .left
    {
       width:250px;
       height:500px;
       border:1px solid #FF0000;
       float:left;
    }
    .right
    {
       width:250px;
       height:500px;
       border:1px solid #FF0000;
       float:right;
    }
    .center
    {
       width:434px;
       height:500px;
       border:1px solid #FF0000;
       margin:0 10px 0 10px;
       margin:0 auto;
    }
    .bottom
    {
      clear:both;
      height:150px;
      border:1px solid #009900;
    }
      

  2.   

    楼主写的很好，其实html代码没有规范不规范，只是可以调试就是好代码，容易调试的就是好代码，比如层次分明，上下对齐，这样都易于调试
      

  3.   

    这样不太好吧 ，浮动的话就脱离文档流了，lz你实实在center这个块里写一个稍微长一些的数据，就会看到页面的布局乱了，对于这种页面的基础布局，最好不要用浮动的
    <div id="all">
    <div id="header">
    <div id="content">
      <div id="left">
      <div id="right">
       <div id="center">
    <div id="footer">基础布局都是这样的
      

  4.   

    大家布局一个一行三列的网页使用说明方法，三个DIV应该怎样的浮动？？？