Merhaba,
Problem şu Hazır bir slider indirdim ve altına kendi içeriğimi ekledim ama eklediğim içerik sliderın üzerinde kalıyor.
Benim istediğimse sliderın hemen 10px altından içeriğimin devam etmesi.
Şunu da denedim bir tane "alt" diye birtane de "üst" diye iki tane ayrı div açtım. Slider'ı üste sayfanın geri kalanını da alt divine ekledim ama yine de olmadı.
Link aşağıda problemi buradan kontrol edebilirsiniz.
Yardımlarınız için teşekkürler.
http://serkanonder.atwebpages.com/index.html
Hizalama problemi. |
6 Mesajlar | 793 Okunma | ||
- Üyelik 26.07.2014
- Yaş/Cinsiyet 39 / E
- Meslek Moda Tasarımcısı
- Konum İstanbul Avrupa
- Ad Soyad S** Ö**
- Mesajlar 2
- Beğeniler 1 / 0
- Ticaret 0, (%0)
- Üyelik 18.11.2011
- Yaş/Cinsiyet 34 / E
- Meslek Web Developer
- Konum İstanbul Avrupa
- Ad Soyad B** Ç**
- Mesajlar 3270
- Beğeniler 1014 / 1983
- Ticaret 53, (%100)
Css kodlarınızı aşağıdaki şekilde tekrar düzenleyin. Layer1 divinden satır içi css kodlarını silebilirsiniz ya da aşağıdakileri satır içine ekleyebilirsiniz.
.skdslider {
width: 100%;
height: 592px;
position: relative;
clear: both;
display: block;
overflow: hidden;
margin-bottom: 15px;
}
#Layer1 {
position: relative;
text-align: center;
left: 0px;
width: 100%;
z-index: 24;
}
.skdslider {
width: 100%;
height: 592px;
position: relative;
clear: both;
display: block;
overflow: hidden;
margin-bottom: 15px;
}
#Layer1 {
position: relative;
text-align: center;
left: 0px;
width: 100%;
z-index: 24;
}
- Üyelik 26.07.2014
- Yaş/Cinsiyet 39 / E
- Meslek Moda Tasarımcısı
- Konum İstanbul Avrupa
- Ad Soyad S** Ö**
- Mesajlar 2
- Beğeniler 1 / 0
- Ticaret 0, (%0)
Css kodlarınızı aşağıdaki şekilde tekrar düzenleyin. Layer1 divinden satır içi css kodlarını silebilirsiniz ya da aşağıdakileri satır içine ekleyebilirsiniz.
.skdslider {
width: 100%;
height: 592px;
position: relative;
clear: both;
display: block;
overflow: hidden;
margin-bottom: 15px;
}
#Layer1 {
position: relative;
text-align: center;
left: 0px;
width: 100%;
z-index: 24;
}
.skdslider {
width: 100%;
height: 592px;
position: relative;
clear: both;
display: block;
overflow: hidden;
margin-bottom: 15px;
}
#Layer1 {
position: relative;
text-align: center;
left: 0px;
width: 100%;
z-index: 24;
}
Teşekkürler kısmen çözüldü problem ama height: 592px; değenirini verince bu sefer ekran çözünürlüğü değişince farklılık çok olur mu?
Bir de 592px; olmasının özel bir sebebi var mı? Çünkü bunu yapınca olduğunu görünce, benim asıl istediğim 850px; gibi bir değere geliyor. Yani 592; yerine 850; yaptım. Sadece 592; olmasının özel bir sebebi var mı yani bir hesaplama gibi onu merak ettim.
Tekrar çok teşekkürler.
- Üyelik 18.11.2011
- Yaş/Cinsiyet 34 / E
- Meslek Web Developer
- Konum İstanbul Avrupa
- Ad Soyad B** Ç**
- Mesajlar 3270
- Beğeniler 1014 / 1983
- Ticaret 53, (%100)
Ben resimlerin boyutlarına bakıp o değeri verdim. Siz kaça kaç resim ekleyecekseniz o boyutlara göre yükseklik değerini değiştirebilirsiniz. İlk başta yükseklik olarak % değeri vermişsiniz, bu sorunlara yol açabilir. Aslında ekrana göre en boy oranı sabit olsa daha iyi olur onu düşünememiştim. height: auto; derseniz daha uygun olur, responsive bir şekilde en boy oranı sabit kalır. Kafanıza göre size hangisi uygunsa o şekilde kullanın.
- Üyelik 07.02.2014
- Yaş/Cinsiyet 43 / E
- Meslek Web Tasarımcı
- Konum Bursa
- Ad Soyad S** S**
- Mesajlar 140
- Beğeniler 71 / 48
- Ticaret 4, (%100)
Ben de şöyle hallettim. Css kodundaki skdslider clasından position absolute'ü sildim. skdslider:after'daki padding-top değerini de %17 yaptım. Düzenlenmiş kodlar aşağıda.
.skdslider {
display: block;
height: 95%;
overflow: hidden;
width: 100%;
}
.skdslider:after {
content: "";
display: block;
padding-top: 17%;
}
.skdslider {
display: block;
height: 95%;
overflow: hidden;
width: 100%;
}
.skdslider:after {
content: "";
display: block;
padding-top: 17%;
}
