Div yükseklik(konum) sorunu

Merhaba arkadaşlar ben divde şöyle bir sorun yaşamaktayım yardımcı olursanız çok sevinirim.

[ Tüm kodu seç ] [ Yeni Pencerede Göster ]

<div class="page"> <div class="Banner"></div> <div class="oSol"> <div class="oSag"></div> <div class="Alt"></div> </div>

Css Kodu:

[ Tüm kodu seç ] [ Yeni Pencerede Göster ]

.page { width:980px; background-color:Red; margin-left:auto; margin-right:auto; } .Banner { width:980px; height:300px; background-color:Blue; } .oSol { width:500px; background-color:Fuchsia; float:left; } .oSag { width:480px; background-color:Gray; float:left; } .Alt { width:980px; height:300px; background-color:green; }

oSag ile oSola yükseklik (height) vermediğim zaman Banner ile Alt Birbirine yapışıyor ve oSag ile oSol Alt'ın üstünde kalıyor. Ben ortaya yazı yazdıkça alt bölmüde nasıl aşşağıya kaydırabilirim.

Resim Altta

Orta uzadıkça alt bölüm nasıl aşşağıya otomatik kaydırtabilirim. 

Şimdiden herkeze teşekkürler. Umarım sorunu anlatabildim.

Eit: Yazdığım Dil Asp.Net C#

Program Visual Studio 2010

Aşağı kadırma konusunda .oSag ve .Alt kısma sadece ekleme yeterli;

[ Tüm kodu seç ] [ Yeni Pencerede Göster ]

.page{width:980px;background-color:Red;margin-left:auto;margin-right:auto;} .Banner{width:980px;height:300px;background-color:Blue;} .oSol{ width:500px; background-color:#C00; float:left;} .oSag{width:480px; background-color:#CCC; float:right;} .Alt{width:980px;height:300px; background-color:green; float:left;}

eğer Banner ile Alt kısmın birleşmesini istemiyorsan tabledan yapabilirsin bu kodlamayı eğer div diyorsan;

.oSol ve .oSagdan width:480px;"width:460px; yapıp padding:10px; eklemen yeterli olacaktır, bir çok alternatif yöntem bulabilirsin bunun için.

Arkara, istediğimi yapabildim teşekkürler.

Başka alternatifler demişsinizde size zahmet olmassa diğer yollarıda bana söylüyebilirmisiniz.

ayriyetten orta bölümün heightini auto yap ve float olarak left yaparsan aşağı doğru otomatik olarak uzar.