siteyi yaptım. içeriği oturtacağım alana icerik div açtım ve sol orta sağ menüleri koydum. arkaplanı otomatik genişletemedim. onlara height vermediğim için 100% çalışmıyor sanırım. aşağıda kodları vereceğim önce bir resme bakınız.
stil.css
body{background-color: #434F54; font: 9pt Arial, Verdana, Sans-Serif; margin: auto; height: 100%;}
a{text-decoration: none;}
img{border: 0;}
:focus{outline: 0;}
hr {
border: 1;
width: 100%;
background-color: #f00;
}
.genel{height: 130px; background:url(imaj/ustarka.png) top center no-repeat; padding-top: 0px;}
.ust{width: 940px; height: 130px; background: url(imaj/ust1.jpg) top left no-repeat; background-color: #fff;}
.menuarka{width: 940px; height: 42px; background: url(imaj/menuarka.png);}
.menu{text-align: left; padding-top: 12px;}
.menu a {color: #fff; font-size: 13px; font-weight: bold; padding: 8px 10px 10px 10px; margin-left: 4px; margin-right: 4px;}
.menu a:hover{background-color: #EAEAEA; color: #273236;}
.smenubaslik{background-color: #B22F2B; padding: 10px 10px 10px 10px; color: #fff; font-size: 13px; font-weight: bold; text-align: center;}
.icerik{width: 920px; height: 100%; background-color: #fff; padding: 10px 10px 10px 10px;}
.soltaraf{width:180px; height: 100%; float:left;}
.sagtaraf{width:180px; height: 100%; float:left;}
.sol{width: 180px; height: 100%; float: left; display:inline; overflow:hidden; margin-bottom: 20px; text-align: left;}
.listmenu a{background: url(imaj/ok.gif) center left no-repeat; padding-left: 15px; color: #434F54;}
.listmenu a:hover{background: url(imaj/ok1.gif) center left no-repeat;}
.orta{width: 540px; height: 100%; float: left; text-align: left; padding-left: 10px; padding-right: 10px;}
.sag{width: 180px; height: 100%; float: left; display:inline; overflow:hidden; margin-bottom: 20px; text-align: left;}
.ortabaslik{color: #283337; font-size: 16px; font-weight: bold;}
.ortatarih{background: url(imaj/tarih.png) top left no-repeat; padding-left: 20px; color: gray; font-size: 11px; margin-bottom: 5px;}
.ortaicerik{font-size: 12px; text-align: justify;}
.ortaicerik img{float: left; width: 150px; height: 120px;}
.alt{width: 940px; height: 30px; background-color: #232C30; color: #fff; padding: 15px 0px 0px 0px;}
.zdeftercerceve{width: 540px; height: 100px; border: solid 1px #B22F2B;}
.zdeftersol{width: 140px; float: left; padding: 5px 5px 5px 5px; background-color: Silver; height: 90px;}
.zdeftersag{width: 380px; float: left; padding: 5px 5px 5px 5px; background-color: whitesmoke; height: 90px;}tema dosyası da aşağı yukarı böyle bir şey
<html>
<head>
<title>Karasu İlçe Emniyet Müdürlüğü</title>
<link rel="stylesheet" type="text/css" href="stil.css" />
</head>
<body>
<center>
<div class="genel">
<div class="ust"></div>
</div>
<div class="menuarka">
<div class="menu">
<a href="default.aspx">ANA SAYFA</a>
<a href="amirligimiz.aspx">AMİRLİĞİMİZ</a>
<a href="karasu.aspx">KARASU</a>
<a href="insanhaklari.aspx">İNSAN HAKLARI</a>
<a href="halkklavuzu.aspx">HALK KLAVUZU</a>
<a href="iletisim.aspx">İLETİŞİM</a>
</div>
</div>
<div class="icerik">
<div class="sol">
<div class="smenubaslik">AMİRİMİZ</div>
menu
asdasd
asda
</div>
<div class="orta">
<div class="ortabaslik">DENEME DUYURU</div>
<div class="ortatarih">17 Haziran 2010</div>
<div class="ortaicerik">
<img src="http://www.kocaali.pol.tr/imajlar/10NİSAN2010/10NİSAN_01.JPG" />
Emniyet Teşkilatımızın 165. Kuruluş Yıldönümünü ilçemizde çeşitli etkinliklerle kutlandı. 165. Kuruluş Yıldönümü kutlama etkinlikleri kapsamında 01-10 Nisan 2010 tarihleri arasında; Halkımızın Huzur ve Güvenini sağlayan ve sağlamaya devam edecek olan Emniyet Teşkilatımızın tanıtımı amacı ile ilçemiz kamuoyunda farkındalık yaratılarak 05-10 Nisan 2010 tarihlerinde Kamu Kurumları, Toplu Taşıma Durakları, Benzin İstasyonları, Halkın yoğun olarak bulunduğu merkezler ve Özellikle Hizmet Binamız Afişlerle donatıldı.
Etkinlikleri kapsamında İlçemiz Atatürk İlköğretim okullarından, yaklaşık 30 kişilik öğrenci grubu ile 05 Nisan 2010 da Sakarya Emniyet Müdürlüğü ziyaret edilerek başta MOBESE birimimizin olmak üzere Trafik ve diğer birimlere tanıtım ve eğitim amacı ili ziyaretlerde bulunuldu.
</div>
</div>
<div class="sag">
<div class="smenubaslik">MENU</div>
adas
asdasd
asd
</div>
</div>
<div class="alt">2010 © Karasu İlçe Emniyet Müdürlüğü</div>
</center>
</body>
</html>