Css ustaları position:fixed ve absolute ile ilgili bir sorun

Ben mantığı anlıyamadım hocam aşşağıda footer a div tanımlıyorsunuz bu divin en üste sabitlenmesini istiyorsunuz :S Mantığı anlayamadım ben :S

Sizin dediğiniz gibi oluyor ancak benim anlatmaya çalıştığım bu değil
alan1 position:fixed altta olacak
alan2 position:absolute üstte olacak
sizin yazdığınızda position değerleri tam tersi verilmiş


Hocam söylediğim işlem footer'da bulunan alanı bir javascript işleminden sonra ekranın üstüne almakla alakalı onun için sordum normalde bende alan1 dışına koyarım yoksa

Cevap veren arkadaşlara çok teşekkür ederim umarım bi çözüm bulurum benim için önemli çünkü

alan2 divini alan1 divinin içerisine alıp positionları ters yaparsanız sorun çözülür.

<STYLE type=text/css>
.alan1{
    z-index:1;
    position:fixed;
    width:100%;
    height:50px;
    bottom:0px;
    left:0px;
    background:red;
    overflow:hidden;
    color:#fff;
}
.alan2
{
    z-index:2;
    position:absolute;
    top:0px;
    left:0px;
    height:50px;
    width:50px;
    background:#333;
}
</STYLE>  

<div class="alan2">
<div class="alan1"></div>
</div>

ama benim yukarı almak istediğim alan iç kısımda olan ve absolute değeri almış div.

Sizin açıklamanızdan sonra sorunu şimdilik şu şekilde çözdüm her ikisinede position:fixed verdim o şekilde olcak artık.Çok teşekkür ederim..

Şimdilik sorunu çözdüyseniz problem yok ancak bahsettiğiniz şeklin de çözümünü üretmek lazım aynı durumla karşılaşacak başka arkadaşlar için yardımcı olur belki. Çözüm bulursam yazacağım.

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 17:10:18 -->-> Daha önceki mesaj 16:48:14 --

Problem alan1 yani kapsayıcı divin fixed ya da absolute olması ile ilgili değil, alan1 fixed tanımlandığı için içerisinde ki absolute element top:0 verdiğinizde fixed içerisinden çıkamıyor. Dolayısı ile top:-50px; gibi bir tanımlama ile dışarı çıkartabilirsiniz. Ancak bu şekilde de çözülmez çünkü alan1 kapsayıcı elementi overflow:hidden özelliğine sahip, eksi parametre verseniz dahi çıkmaz. Çözüm için jquery ile ekran yüksekliğini hesaplayıp top:-ekran yüksekliği uygulayarak sayfanın tepesine çıkartabiliriz. Tabi overflow:hidden olmamak şartı ile. Başka bir çözüm gelmiyor aklıma maalesef.

arkadaşlar tüm yapılabilecek işlemleri yazmışlar ama clear:both denedin mi hocam belki css yi kandırabilirsin

Denedim bi faydası olmadı