Dıştaki DIV'in Sabit Kalması ve Sadece Içteki DIV'in Aşağı Doğru Kaydırılması?

Web Tasarımı - Dıştaki DIV'in Sabit Kalması ve Sadece Içteki DIV'in Aşağı Doğru Kaydırılması? Sponsorlu Bağlantılar İki adet DIV var, biri dış yüzey ve diğeri de iç yüzey şeklinde... Yalnız içteki DIV'i aşağı doğru atıyorum 200 px indirdiğimde, otomatik olarak dıştaki DIV'de 200 px ...

Cevapla
Dıştaki DIV'in Sabit Kalması ve Sadece Içteki DIV'in Aşağı Doğru Kaydırılması?
denizbay isimli Üye şimdilik offline konumundadır

denizbay

Hiç Biri / İstanbul

Standart

Dıştaki DIV'in Sabit Kalması ve Sadece Içteki DIV'in Aşağı Doğru Kaydırılması?

Alt 03-08-2013 #1
Sponsorlu Bağlantılar

İki adet DIV var, biri dış yüzey ve diğeri de iç yüzey şeklinde...

Yalnız içteki DIV'i aşağı doğru atıyorum 200 px indirdiğimde, otomatik olarak dıştaki DIV'de 200 px aşağı kayıyor, yani her iki DIV'de ortak hareket ederek aşağı doğru aynı oranda kayıyorlar. Halbuki benim istediğim şey tam tersi olarak dıştaki DIV'in sabit kalması ve sadece içteki DIV'in aşağı doğru kayması.

Bu sorunu nasıl aşabilirim arkadaşlar, yöntem nedir, neyi eksik yapıyorum?

Teşekkür ederim.

Not: Bu konuda henüz yeniyim ve detaylı açıklama yapabilirseniz çok sevinirim arkadaşlar.
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

aresrisus isimli Üye şimdilik offline konumundadır

aresrisus

Webmaster / İstanbul

Standart
Alt 04-08-2013 #2
                             Sponsorlu Bağlantılar
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
	.dis {
		background-color:#ff0000;
		width:400px;
		height:200px;
		position:relative;
		z-index:1;
		}
		
	.ic {
		background-color:#ff6600;
		width:200px;
		height:200px;
		position:absolute;
		z-index:2;
		top:100px;
		left:100px;
		}
</style>
</head>

<body>
	
    <div class="dis">
    	<div class="ic">İç Div</div>
    </div>

</body>
</html>

Bu kodu bir incele sanırım aradığın bu
Bu mesajdan alıntı yap
denizbay isimli Üye şimdilik offline konumundadır

denizbay

Hiç Biri / İstanbul

Standart
Alt 04-08-2013 #3
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
	.dis {
		background-color:#ff0000;
		width:400px;
		height:200px;
		position:relative;
		z-index:1;
		}
		
	.ic {
		background-color:#ff6600;
		width:200px;
		height:200px;
		position:absolute;
		z-index:2;
		top:100px;
		left:100px;
		}
</style>
</head>

<body>
	
    <div class="dis">
    	<div class="ic">İç Div</div>
    </div>

</body>
</html>

Bu kodu bir incele sanırım aradığın bu

Ne kadar teşekkür etsem azdır, sayende sorunu çözmüş bulunuyorum.

Özelliklerine baktığımda Z-İndex 1-2 ve Positioning kısımlarını gözden kaçırmışım sanırım.

Teşekkür ederim.
Bu mesajdan alıntı yap
denizbay isimli Üye şimdilik offline konumundadır

denizbay

Hiç Biri / İstanbul

Standart
Alt 04-08-2013 #4
Peki burada önemli olan nokta alt ve üst Div'lerin z-index'lerinin "1 ve 2" olarak işaretlenmesi ve position'larının da "relative; ve absolute" olarak seçilmesi midir? Mantığını anlamaya çalışıyorum.
Bu mesajdan alıntı yap
aresrisus isimli Üye şimdilik offline konumundadır

aresrisus

Webmaster / İstanbul

Standart
Alt 04-08-2013 #5
position:relative; = sabit

position:absolute; = değişken

z-index:1 katmanlar photoshoptaki layer olarak düşünebilirsin. Burada dikkat etmen gereken 1 en alt katman 2,3,4,5 olarak üste çıkacaktır. Sayı değeri büyük olan katman üstte olacaktır.

absolute kullanırken bir de dikkat etmen gereken şeylerden biri hangi alan içerisinde değişken bir alan kullanmak istersen dıştaki divi position:relative etmelisin.
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
aşağı doğru yazı yazarken sorun acil yardım. burakrahat InDesign 4 10-08-2011 16:35:53
Baskıda Renklerin Sabit Kalması Seyit Tiken Corel Draw Soru ve Sorunlarınız 8 25-06-2010 00:43:47
Alt veya Üst Kısımda Sabit Duran Sabit Bar Nasıl Yapılır? Ali Emre Web Tasarımı 4 22-08-2009 11:18:15
Photoshopta bir rengin aşağı doğru açılması... LeroanZ Photoshop Soru ve Sorunlarınız 2 25-06-2009 14:21:12
MacBook 'ta Cd kalması sertand Macintosh 0 15-03-2009 02:20:15

Kapat
Şifremi Unuttum?