bu kodları aynı şekilde koy bakalım olacaktır...



css kodu :

body { background: #dadada url(images/bg.gif) repeat-x; margin: 0 0 0 0; }
#sayfa { background: #dadada url(images/icerikbg.gif); height:150px; width: 808px; margin: 0 0 0 98px; padding: 2px 0 2px 0;}
#sayfaIcerik { width: 787px; height:150px; margin: 0px 0px 0px 10px; font: bold 11px Tahoma; color:#4c4c4c; }
.sol { border: 1px solid #000; height:150px; width: 195px; font: bold 11px Tahoma; color:#4c4c4c; float: left; margin: 0 5px 5px 0; }
.sag { width: 180px; font: bold 11px Tahoma; color:#4c4c4c; margin: 0 0 5px 0; }
.icerik { font: bold 11px Tahoma; color:#4c4c4c; margin: 0 0 10px 0; }
#footer { background: #dadada url(images/footer.gif); width: 808px; height: 55px; text-align: left; margin: 0 0 0 98px;}
.temizle { clear: both; }
.bolumBaslik { font: bold 15px Tahoma; color:#4c4c4c;
padding: 0px 0px 4px 0px; margin: 0 0 0 0; text-transform: lowercase; }
.bolumBaslik em { font: bold 15px Tahoma; color:#a92e2e; }



html kodu:

<div id="sayfa">
<div id="sayfaIcerik">
<div class="sol">
<span class="bolumBaslik">Döviz<em>Kurları</em></span>
<div class="icerik">Döviz Kurları Buraya</div>
<span class="bolumBaslik">Hava<em>Durumu</em></span>
<div class="icerik">Hava Durumu Buraya</div>
<div class="sag">
<span class="bolumBaslik">Ana<em>sayfa</em></span>
<div class="icerik">Anasayfa Buraya</div>
</div>
</div>
<div class="temizle"></div>
</div>
</div>