Merhaba arkadaşlar, vaktimi değerlendirmek için zevk üzerine statik bir web sitesi hazırlıyorum. Stil dosyamın içinde Kapsayıcı divim var ve tüm divleri onun içine ekliyorum. Ancak sayfamın devamı konusunda bir sıkıntım var, sayfamın en alt kısmına gelince eklediğim divler yada fotoğraflar gözükmüyor. Yani "widthxheight" belli bir miktarını kullanabiliyorum. Sanırım o da monitör boyuyla alakalı. Her neyse, bu sorunu nasıl çözebilirim? Eminim bir çoğunuz bu sorunun basit bir çözümü olduğunu biliyordur ama unuttuk işte.. :laugh:
Sitenin görseli;
https://i.hizliresim.com/qv2GQq.png
Gördüğünüz gibi en alt satırda "metin aralarına utandırıcı sözcükler" cümlesinin devamı var fakat daha fazla sayfa alta inmiyor.
CSS | Kapsayıcı Divi Height Problemi |
8 Mesajlar | 1.067 Okunma | ||
- Üyelik 11.02.2018
- Yaş/Cinsiyet 24 / E
- Meslek Öğrenci
- Konum Ankara
- Ad Soyad S** A**
- Mesajlar 25
- Beğeniler 3 / 4
- Ticaret 0, (%0)
https://www.gamersandgames.com/
- Üyelik 08.05.2015
- Yaş/Cinsiyet 28 / E
- Meslek Developer
- Konum Samsun
- Ad Soyad İ** Ş**
- Mesajlar 1020
- Beğeniler 321 / 320
- Ticaret 19, (%100)
Örnek olarak ;
.div { height: 100px; overflow: hidden; }
Denildiği zaman 100pikseli aştığında otomatik olarak diğerlerini gizleyecektir. Bu tarz bir limit vermiş olabilir misiniz?
.div { height: auto; } şeklinde değiştirmek yeterlidir..
Ve son olarak css dosyasında değişiklik yaptığınızda "CTRL + F5" ile sayfayı yenileyin ki değişiklik kendini göstersin :)
.div { height: 100px; overflow: hidden; }
Denildiği zaman 100pikseli aştığında otomatik olarak diğerlerini gizleyecektir. Bu tarz bir limit vermiş olabilir misiniz?
.div { height: auto; } şeklinde değiştirmek yeterlidir..
Ve son olarak css dosyasında değişiklik yaptığınızda "CTRL + F5" ile sayfayı yenileyin ki değişiklik kendini göstersin :)
- Üyelik 11.02.2018
- Yaş/Cinsiyet 24 / E
- Meslek Öğrenci
- Konum Ankara
- Ad Soyad S** A**
- Mesajlar 25
- Beğeniler 3 / 4
- Ticaret 0, (%0)
Sorunu çözdüm hocam, Oyun Bilgisi yazısının altındaki fotoğrafa position:fixed vermemden kaynaklanan bir durummuş. Ancak şimdi de arkaplan sorunum oluştu.
Bu kodla aşağıdaki gibi oluyor. Bu sorunu nasıl çözebilirim?
https://i.hizliresim.com/5yRDZR.png
Edit: background-repeat'ı silince de arkaplan fotoğrafını alt alta tekrar kopyalıyor. Fakat böyle de kötü duruyor. edcsmile
body
{
background-image:url(../images/bg-default.jpg);
-webkit-background-size: 100% 100%;
background-repeat:no-repeat;
}Bu kodla aşağıdaki gibi oluyor. Bu sorunu nasıl çözebilirim?
https://i.hizliresim.com/5yRDZR.png
Edit: background-repeat'ı silince de arkaplan fotoğrafını alt alta tekrar kopyalıyor. Fakat böyle de kötü duruyor. edcsmile
https://www.gamersandgames.com/
- Üyelik 08.05.2015
- Yaş/Cinsiyet 28 / E
- Meslek Developer
- Konum Samsun
- Ad Soyad İ** Ş**
- Mesajlar 1020
- Beğeniler 321 / 320
- Ticaret 19, (%100)
background-size: cover;
background-repeat:no-repeat;
Tam hali ;
background: url("../images/bg-default.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat:no-repeat;
Tam hali ;
background: url("../images/bg-default.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
- Üyelik 11.02.2018
- Yaş/Cinsiyet 24 / E
- Meslek Öğrenci
- Konum Ankara
- Ad Soyad S** A**
- Mesajlar 25
- Beğeniler 3 / 4
- Ticaret 0, (%0)
Olmadı hocam, aynı.
https://www.gamersandgames.com/
- Üyelik 11.02.2018
- Yaş/Cinsiyet 24 / E
- Meslek Öğrenci
- Konum Ankara
- Ad Soyad S** A**
- Mesajlar 25
- Beğeniler 3 / 4
- Ticaret 0, (%0)
Çok teşekkür ederim hocam. Sorun çözüldü :)
https://www.gamersandgames.com/
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)