大家批一下我做的这个DIV排版的制作方法

guang1027 2006-11-07 02:18:22

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<style type="text/css">
*{
margin:0px;padding:0px;
}
body{
width:779px; margin:0 auto;text-align:center;
}
#zhengfufuwu{
float:left;height:400px;width:170px; background-color:#CCCCCC;
}
#zhengwuyaowen{
float:left;height:200px;width:429px;background-color:#999999;
}

#liaoninggaikuang{
float:right;height:1160px;width:180px; background-color:#C0C0C0;
}
#wu{
height:200px;width:170px; background-color:#FFCCFF;}
#xia1{
float:left;width:200px;height:200px; background-color:#CCFFFF;
}
#xia2{
float:right;width:200px;height:200px;background:#CCCCFF;
}
#tiao{
float:left;height:50px;width:598px;background-color:#FFFFCC;
}
#xia{
float:left;width:200px;height:450px;background-color:#99FFCC;
}
#xia4{
width:398px;height:50px;background-color:#FF9999; float:left;
}
#xia5{
width:190px;height:200px;float:left; background-color:gray;
}
#xia6{
width:190px;height:200px;float:right; background-color:#99FFCC;
}
#xia7{
width:190px;height:200px;float:left; background-color:#FFFFCC;
}
#xia8{
width:190px;height:200px;float:right; background-color:#CCCCFF;
}
#xia9{
float:left;width:599px;height:60px;background-color:#FFCCFF;
}
#xia10{
float:left;width:150px;height:200px;background-color:#CCFFFF;
}
#xia11{
float:left;width:300px;height:200px;background-color:#FFCCFC;
}
#xia12{
float:right;width:148px;height:200px;background-color:#CCFFCC;
}
#xia13{
float:left;width:779px;height:30px;background-color:#FFCCCC;
}
#xia14{
float:left;width:779px;height:60px;background-color:#FFCCFF;
}

</style>
</head>

<body>
<div id="zhengfufuwu"></div>
<div id="zhengwuyaowen"></div>
<div id="liaoninggaikuang"></div>
<div id="xia1"></div>
<div id="xia2"></div>
<div id="tiao"></div>
<div id="xia"></div>
<div id="xia4"></div>
<div id="xia5"></div>
<div id="xia6"></div>
<div id="xia7"></div>
<div id="xia8"></div>
<div id="xia9"></div>
<div id="xia10"></div>
<div id="xia11"></div>
<div id="xia12"></div>
<div id="xia13"></div>
<div id="xia14"></div>
</body>

</html>

...全文