lostyazilim
tr.link

Div ekleyememe sorunu...

4 Mesajlar 892 Okunma
lstbozum
tr.link

HeadCMoon HeadCMoon WM Aracı Kullanıcı
  • Üyelik 24.03.2016
  • Yaş/Cinsiyet 38 / E
  • Meslek Grafiker
  • Konum Mersin
  • Ad Soyad S** U**
  • Mesajlar 364
  • Beğeniler 155 / 154
  • Ticaret 12, (%100)
Arkadaşlar selam.

Bir div + css konusunda yardıma ihtiyacım var. Şimdi aşağıdaki örnekteki gibi yan yana iki div hazırladım. Bu div'lerden soldaki sabit, ancak sağdaki yukarı aşağı scroll ile hareket ediyor.



Sağdaki hareketli div içine alt alta 3 tane daha div eklemek istediğimde hepsi birbirine giriyor. Şöyle olmasını istiyorum;




Nasıl yapabilirim? Kullandığım kodlar bunlar;


div 1


Div2





.box {
width : 1010px;
height : auto;
position: relative;
margin : 0 auto;
}

.box div {
position : relative;
float : left;
}
.box div:nth-child(1){
position: fixed;
bottom: 10px;
margin-left: 75px;
}

.box div:nth-child(2){
margin-left: 400px;
margin-right: -90px;
}
 

 

wmaraci
reklam

HeadCMoon HeadCMoon WM Aracı Kullanıcı
  • Üyelik 24.03.2016
  • Yaş/Cinsiyet 38 / E
  • Meslek Grafiker
  • Konum Mersin
  • Ad Soyad S** U**
  • Mesajlar 364
  • Beğeniler 155 / 154
  • Ticaret 12, (%100)
4 günün sonunda yaptım arkadaşlar. Dileyen olursa kodları paylaşırım.
 

 

SENibrahim SENibrahim ibocum Kullanıcı
  • Üyelik 22.12.2017
  • Yaş/Cinsiyet 24 / E
  • Meslek Öğrenci
  • Konum Aydın
  • Ad Soyad İ** Ş**
  • Mesajlar 4598
  • Beğeniler 1727 / 1541
  • Ticaret 15, (%100)
Merhaba HeadCMoon ,

Eğer sorunu çözdüyseniz paylaşırsanız herkes yararlanabilir.


Başarılar,
İyi forumlar.
HeadCMoon

kişi bu mesajı beğendi.

Herkez hata yapabilir, pardon herkes. | ibocum.com

HeadCMoon HeadCMoon WM Aracı Kullanıcı
  • Üyelik 24.03.2016
  • Yaş/Cinsiyet 38 / E
  • Meslek Grafiker
  • Konum Mersin
  • Ad Soyad S** U**
  • Mesajlar 364
  • Beğeniler 155 / 154
  • Ticaret 12, (%100)
HTML şu şekilde;



Div Sol



Div Sağ1



Div Sağ2



Div Sağ3






CSS şu şekilde;


.box {
width : 1010px;
height : auto;
position: relative;
margin : 0 auto;
}

.box div {
position : relative;
float : left;
}
.box div:nth-child(1){
position: fixed;
bottom: 10px;
margin-left: 75px;
}

.box div:nth-child(2){
margin-left: 400px;
margin-right: -90px;
}

.box div:nth-child(3){
margin-left: 400px;
margin-right: -90px;
}

.box div:nth-child(4){
margin-left: 400px;
margin-right: -90px;
}
 

 

wmaraci
wmaraci
wmaraci
wmaraci
Konuyu toplam 3 kişi okuyor. (0 kullanıcı ve 3 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al