Html sayfasında css ile alan oluşturma

irem.a

Üye
    Konu Sahibi
Html sayfasında css ile alan oluşturma
Html'yi bilen arkadaşlar size soruyorum lütfen bi siteye yönlendirmeyin cevap verin.
Aşağıda Css ile yapmam gereken bi örnek var . Alanları oluşturdum fakat orta alan diğerinin yanında durmuyor aşağı kayıyor. Bunun için ayrıca bişey mi eklemem lazım?
 
slm ben hakan html de kod olarak css den sora <center> </center> yap
 
Şuna bi göz at bakalım istediğine benzer olacak mı?

HTML:
<div style="height: 100px">ÜSTTEKİ SİYAH</div>
<div id="orta_kisim" style="width: 700px">
<div id="sari_kisim" syle="float: left; padding-bottom: 300px; background-color: yellow;width: 200px;">
    SARI KISIM
</div>

<div id="gorunmeyen_sag" style="float: left;width: 500px;">

    <div id="gri_kisim" style="height: 500px; background-color: gray;">
        GRİ KISIM
    </div>
    <div id="gri_footer" style="height: 200px; background-color: #dedede;">
        AÇIK GRİ
    </div>
    <div style="clear: both;"></div>
</div>