سلام دوستان من یه طرح اولیه بری یه سایت طراحی کردم فقط چهار چوب اصلی هست میخوام یه نگاهی بهش بندازید و ایرادها شو بهم بگید

در کل راهنمائیم کنید که چه چیزهایی باید استفاده می شده که نشده و بر عکس

ممنون

این کد css

کد HTML:
@charset "utf-8";
/* CSS Document */
/*----------------body---------------*/
.site{
	position:absolute;
    height:873px; 
	width:90%; 
	background-color:#666; 
	margin-left:5%; 
	margin-right:5%;
	border-radius:12px;
	
}
.title{
	position:absolute;
	background-color:#FC0;
	width:100%;
	height:auto;
	font-family:Kamran, Jadid, Homa;
	font-size:20px;
	font-style:oblique;
	text-align:center;
	line-height:5pt;
	border-radius:4px;
	left: 1px;
	top: 0px;
}
.news{
	position:absolute;
	background:#CCC;
	width:35%;
	height: 187px;
	border: inset;
	top: 400px;
	left: 89px;
	border-radius: 10px;
	border-left:#960;
	border-right:#960;
	border-top:#960;
	margin-left:0;
	text-align: center;
	
}
.content{
	position:absolute;
	width:55%;
	height:185px;
	background-color:#CCC;
	left:623px;
	top: 402px;
	border-radius:10px;
	overflow:inherit;
}
                                     /*------head--------*/

/*-------------------------------------header--------------*/
.header{
	background-color:#333;
	position:absolute;
	width:90%;
	top:opx;
	height: 350px;
	left:100px;
	background: -moz-linear-gradient( #333, # 000 );
	border-radius: 7px;
	border-left:#CCC;
	border:groove;
	border-right:#CCC;
	
}
/*----menu-----*/

.center{
	position:absolute;
	width:900px;
	height:27.75pt;
	margin-left:150px;
	top:345px;
	overflow: inherit;
	
}

ul{
	width:100%;
	margin:0px;
	}
li{
	display:inline;
	text-align:center;
   
 }

a.menu
      {
		  float:right;
		  width:70pt;
		  height:20pt;
		  text-decoration:none;
		  color:#F90;
		  background-color:#333;
		  padding:2pt 6pt;
		  border-right:1px solid white;
		  text-align:middle;
		  line-height:20pt;
		  border-radius: 8px;
		  
		  	  }
a.menu:hover{
	color:#000;font:bold; background-color:#F90;


}
/*------------------footer------------------*/
.footer{
	position:absolute;
	width:90%;
	background-color:#930;
	left: 89px;
	top: 589px;
	height:auto;
	border-radius:10px;
	text-align:right;
	padding-right:5px;
	 
}
این هم کد صفحه


کد 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="Untitled-3.css" />
<title>Untitled Document</title>
</head>

<body  bgcolor="#000000" >
<div class="site">
<div class="header"></div>
<div class="center" style="position:absolute; right:50px top: 238px;; left: 39px; top: 360px;">
<ul>
    <li><a class="menu" href="#" >صفحه اصلی</a></li>
    <li><a class="menu" href="#">اخبار</a></li>
    <li><a class="menu" href="#">درباره ما</a></li>
    <li><a class="menu" href="#">عضویت</a></li>
    <li><a class="menu" href="#">نمونه کارها</a></li>
    <li><a class="menu" href="#">ورود کاربران</a></li>
    <li><a class="menu" href="#">تماس با ما</a></li>
</ul>
</div>
<div class="news"><div class="title">
  <p>اخبار</p></div>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>


</div>
<div class="content">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
 
</div>
<div class="footer">
  <p>در این قسمت اخبار و اطلاعات با بازدید بالا نمایش داده میشود</p>
  <p>&nbsp;</p>
</div>
</div>
</body>
</html>
ممنون از راهنمائیتون