Arkadaşlar Kodlayabilirmisiniz

<div id="tas">
   <div id="ust">
        <div class="logo"><a href="#"><img src="http://img.webme.com/pic/b/blogbs/360x160logo.png"></a></div>
      <div class="reklamm"><a href="#"><img src="http://img.webme.com/pic/b/blogbs/46860reklambanner.png"></a></div>
      <div class="solust">Burasi Sol Ust Taraf</div>
      <div class="sagust">Burasi Sag Ust Taraf</div>
    </div>
  <div id="orta">
      <div class="sol">

</div>
    <div class="sag">
       <div class="blogbsmenu">
           
            <h3 class="headerbar">Menu Basligi</h3>
            <ul>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li>
         </ul>
           
            <h3 class="headerbar">Menu Basligi2</h3>
            <ul>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li>
            </ul>
           
            </div>
            </div>
  </div>
  <div id="alt">
      <div class="altsol">Alt Sol</div>
  <div class="altsag">Alt Sag</div>
        <div class="linktakas">
          <ul>
            <li><a href="#">Link Takas</a></li>
            <li><a href="#">Link Takas</a></li>
            <li><a href="#">Link Takas</a></li>
            <li><a href="#">Link Takas</a></li>
            <li><a href="#">Link Takas</a></li>
            <li><a href="#">Link Takas</a></li>
          </ul>
      </div>
  </div>
</div>

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
table {margin-left: auto;margin-right: auto}


body {
   background-image: url(http://img.webme.com/pic/b/blogbs/acik_mavi_ark.png);
   background-color: #F5F5F5;
}

body,td,th {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 12px;
   color: #000;
}
a {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 12px;
   color: #C00;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #C00;
}
a:hover {
   text-decoration: none;
   color: #F00;
}
a:active {
   text-decoration: none;
   color: #C00;
}

#tas{
   width: 980px;
   margin-left: auto;
   margin-right: auto;
}

#ust{
   width: 980px;
   height: 180px;
   background:url(http://img.webme.com/pic/b/blogbs/catlak-dunya-tas_01.png);
   float: left;
}

.logo{
   width: 360px;
   height: 130px;
   float: left;
   margin: 13px 0 0 20px;
}

.reklamm{
   width: 468px;
   height: 60px;
   background: black;
   float: right;
   margin: 45px 20px 0 0;
}

.solust{
   width: 615px;
   float: left;
   margin: 50px 0 0 0;
   margin-left: -350px;
}

.sagust{
   width: 275px;
   float: right;
   margin: 50px 25px 0 0;
}

#orta{
   width: 980px;
   height: 100%;
   background:url(http://img.webme.com/pic/b/blogbs/catlak-dunya-tas_02.png);
   float: left;
}

.sol{
   width: 623px;
   height: 100%;
   float: left;
   margin: 0 0 0 25px;
}

.sag{
   width: 288px;
   height: 100%;
   float: right;
   margin: 0 18px 0 0;
}

#alt{
   width: 980px;
   height: 131px;
   background:url(http://img.webme.com/pic/b/blogbs/catlak-dunya-tas_03.png);
   float: left;
}

.altsol{
   width: 615px;
   float: left;
   margin: 5px 0 0 30px;
}

.altsag{
   width: 270px;
   float: right;
   margin: 5px 25px 0 0;
}

.linktakas{
   width: 650px;
   float: left;
   margin: 57px 0 0 120px;
}
#tas #alt .linktakas ul {
   text-decoration: none;
}
#tas #alt .linktakas ul li {
   display: inline;
   padding-right: 15px;
}
#tas #alt .linktakas ul li a {
   text-decoration: none;
   font-weight: bold;
   padding: 5px;
   color: #333;
}
#tas #alt .linktakas ul li a:hover {
   padding: 5px;
   background: #707070;
   border-radius: 5px;
   color: #fff;
}

/* SAG MENU */
.blogbsmenu{
width: 288px;
}

.blogbsmenu .headerbar{
font: bold 14px verdana;
color: #555;
background: #E5E5E5;
margin-bottom: 10px;
padding: 5px 0 5px 10px;
}

.blogbsmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px;
}

.blogbsmenu ul li{
padding-bottom: 2px;
}

.blogbsmenu ul li a{
color: #333;
background: url(http://img.webme.com/pic/b/blogbs/wand-pencil-icon.png) no-repeat center left;
display: block;
padding: 5px 0;
padding-left: 19px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px dashed #dadada;
font-size: 90%;
}

.blogbsmenu ul li a:visited{
color: #333;
}

.blogbsmenu ul li a:hover{
color: #000;
background-color: #F3F3F3;
}