CSS Divleri üst üste binmesini nasıl sağlanır?

Egid Dikmen

Hectopat
Katılım
13 Mayıs 2020
Mesajlar
1.081
Çözümler
1
Yer
Mersin
Daha fazla  
Sistem Özellikleri
Macbook Pro 16" M1 Pro Silver
Cinsiyet
Erkek
Meslek
Ağa/Paşa
Merhabalar üzerinde çizim yaptığım görselde "Div 1" ve "Div 2" var. Genişlik olarak ikisi de 600 pixel ancak üstteki div , div 2'ye çarptığı için tam 600 pixel olarak
gözükemiyor. Ben nasıl bunların üst üste binmesini sağlayabilirim?
Elde etmek istediğim görüntü de ektedir.
 

Dosya Ekleri

  • Ekran Resmi 2022-12-08 02.07.09.png
    Ekran Resmi 2022-12-08 02.07.09.png
    56 KB · Görüntüleme: 19
  • Ekran Resmi 2022-12-08 02.13.52.png
    Ekran Resmi 2022-12-08 02.13.52.png
    6,5 KB · Görüntüleme: 20
Son düzenleyen: Moderatör:

Zembla

Decapat
Katılım
25 Temmuz 2020
Mesajlar
621
Çözümler
13
Merhabalar üzerinde çizim yaptığım görselde "Div 1" ve "Div 2" var. Genişlik olarak ikisi de 600 pixel ancak üstteki div , div 2'ye çarptığı için tam 600 pixel olarak
gözükemiyor. Ben nasıl bunların üst üste binmesini sağlayabilirim?
Elde etmek istediğim görüntü de ektedir.
Doğru anladıysam; CSS tarafında z-index property ile div'lerin katman sırasını ayarlayabilirsin.
 
KS
KS
Egid Dikmen

Egid Dikmen

Hectopat
Katılım
13 Mayıs 2020
Mesajlar
1.081
Çözümler
1
Yer
Mersin
Daha fazla  
Sistem Özellikleri
Macbook Pro 16" M1 Pro Silver
Cinsiyet
Erkek
Meslek
Ağa/Paşa
Doğru anladıysam; CSS tarafında z-index property ile div'lerin katman sırasını ayarlayabilirsin.
z-index property ne oluyor hocam? Üstteki div ana çerçevenin borderine çarpıyor ve duruyor o yüzden boşluk gözüküyor yukarı tarafta.
 

Zembla

Decapat
Katılım
25 Temmuz 2020
Mesajlar
621
Çözümler
13
z-index property ne oluyor hocam? Üstteki div ana çerçevenin borderine çarpıyor ve duruyor o yüzden boşluk gözüküyor yukarı tarafta.
Sorununu anlayamadım.
"z-index: z-index değeri; aynı z-ekseninde bulunan(kapsayan elementler hariç) katmanların altta mı üstte mi kalacağınız belirlemek için kullanılır. z-index sadece position değeri relative, absolute ve fixed olan nesnelere uygulanır. Saydamlık değeri(opacity) 1'den küçük verilen nesnelerde z-index kullanımı daha kolay anlaşılır."
 
Yukarı