Merhaba arkadaşlar, bu sorun üzerinde forumu aradım ama bulamadım. Önceden açılmış bir konu ise özür dilerim.

aşağıdaki kodlamada;
<!-- DIV-1 -->
<div style="width:100%; height:300px; background-color:#00FF00; top:0;"></div>
<!-- DIV-2 -->
<div style="width:100%; height:200px; background-color:#FF0000; bottom:0; "></div>

şeklinde belirttim.

sonuç ilk resimdeki gibi;

Resim-1:


Sonra:
DIV-2'ye position:absolute; ekledim. Sonra sonuç aşağıdaki gibi;

Resim-2:


Şimdi internet tarayıcısını alt taraftan biraz sıkıştırdığımda ise "DIV-2" "DIV-1" in üstüne çıkmış gözüküyor.
Resim-3:


Bunu yapmamdaki amaç her tarayıcıda ve her çözünürlükteki ekranda bakılırken; alt tarafta kalacak bir bölüm oluşturmak.

Yani DIV-1 ile DIV-2 tarayıcımda position:absolute ile normal gözükürken; (bknz resim2) arada çıkan ARA BOŞLUK resim-3 deki gibi çektiğim zaman tamamen kapanmalı ancak div-1in üstüne çıkmamalı ve yan tarafta doğal olarak scroll gözükmeli. İkisine de aynı z-index değerini verdiğimde de yine aynı sorunla karşılaşıyorum.

Teşekkürler...