Arkadaşın İstediği Olay ŞU



Buyur Bu Kodu kolon.css adında Kaydet
* {
    margin: 0;
}
html, body {
    height: 100%;
}

body{
    background:#F78200 url(../images/genel_zr.gif) top left repeat-y;
    font-size:62.5%;
    font-family:Arial, Helvetica, sans-serif;
}

/* usalan tanimlari */
#ustAlan {
    height: 6.4em;
    background-color:#CCCCCC;
}

/* icerik alani */
.kapsul {
    min-height: 100%;
    background:url(../images/sag_zr.gif) right top repeat-y;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em; /* altAlan yukseklik degeri ile ayni olmali */
}

#solAlan
{
    float: left;
    clear:both;
    width: 15em;
    height: 15em;
    margin-bottom: 1em;
}

#icerikAlani
{
    margin: 0 16em 1em 16em;
    font:1em Arial, Helvetica, sans-serif;
}

#icerikAlani:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#icerikAlani {
    display: inline-block;
}

* html #icerikAlani {
    height: 1%;
}

#altAlan, .tampon {
    height: 4em; /* .tampon ile altAlan yuksekligi ayni olmali */
}

#altAlan{
    text-align:center;
    color:#036;
    background-color:#cfc;
}


/* 3 kolon lu yapi */

#sagAlan
{
    float: right;
    width: 15em;
}
Buda HTML Sayfan Artık Edit Sana Kalmış 
<!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=iso-8859-9" />
<title>%100 Genişlik %100 Yükseklik - Üç Kolon</title>
<style type="text/css">
<!--
@import url("kolon.css");
-->
</style>
</head>

<body>
<div class="kapsul">
  <div id="ustAlan"> üst alan
</div>
  <!-- ustAlan son -->
<div id="solAlan">Sol Menü </div>
<div id="sagAlan">
  <p>Sağ Alan </p>
  </div>
<div id="icerikAlani">
Orta Yazılar CheLeKeSh
</div>
<div class="tampon"></div>
</div>
<div id="altAlan">
  <p>Alt Alan </p>
  </div>
</body>
</html>