[]
Html/Css - Divin içine sığışmayan ul
Bilgisayarımı alıp camdan atacağım artık.
Boyutları belli bir div var, divin içinde ul var. Bu div yanındaki bir butona tıklanınca aktive oluyor. Sidebar yani. Hem responsive olmasını hem de listedeki 20 ögenin okunur şekilde dive sığmasını bir türlü sağlayamadım. Divin boyutları viewport ile belirli. İstiyorum ki font da küçülsün, ama yazılar okunur olsun. Ekran küçülünce div küçülüyor ama yazılar aynı oranda küçülmüyor bir de üstüne divden taşıyor. Her şeyi denedim. Cinnet geçirmek üzereyim.
Nerde yanlış yapıyor olabilirim? :/
Boyutları belli bir div var, divin içinde ul var. Bu div yanındaki bir butona tıklanınca aktive oluyor. Sidebar yani. Hem responsive olmasını hem de listedeki 20 ögenin okunur şekilde dive sığmasını bir türlü sağlayamadım. Divin boyutları viewport ile belirli. İstiyorum ki font da küçülsün, ama yazılar okunur olsun. Ekran küçülünce div küçülüyor ama yazılar aynı oranda küçülmüyor bir de üstüne divden taşıyor. Her şeyi denedim. Cinnet geçirmek üzereyim.
Nerde yanlış yapıyor olabilirim? :/
ss sakin ol.
kodu jsfiddle'a at, kurcalayalim.
kodu jsfiddle'a at, kurcalayalim.
- hjarteblod
(21.07.14 01:38:02)
font-size:100% yapmayı dene. Ama yine de bir görelim kodlarını.
Edit : font-size 100% çözüm değil. Linkte cevap var.
css-tricks.com
Edit : font-size 100% çözüm değil. Linkte cevap var.
css-tricks.com
- vyava (21.07.14 01:42:25 ~ 01:50:07)
detaylı mesaj gönderirsen bi bakalım
- icimdekibiri (21.07.14 01:51:09)
wrapper ekle ve clear ver div'i de wrapper'ın altına yaz, css' floating vs yapıp ayarlarsın veya kodnu gönder bi bakalım.
Edit: zaten yardım ediyorlarmış görmedim :D
Edit: zaten yardım ediyorlarmış görmedim :D
- Solem
(21.07.14 01:52:06 ~ 01:52:32)
@solem clear:both çözdü problemi. Ama niye çözdü bilmiyorum. aşldkaşlda
Bıktım usandım tek satırla çözülecek problemler için saatler harcayıp dosyaları bulamaç haline getirmekten ya. Ben de temiz anlaşılır şeyler yapmak istiyorum artık ya.
Problemi çözeceğim diye o kadar iç içe şey yapmışım ki çözüp de jsfiddlea kopyalayamadım. aşskşalkaslş
@vyava linke ben de bakmıştım yaklaşık 5 saat kadar önce. aşdkşald 10vw divin içine 1 vw font yapınca sayfa kadar harfler veriyordu bana. :')
Benim direk div yerleşiminde bir sıkıntı var ya. Sürekli aynı problemleri yaşıyorum. Kafam basmıyor sanırım.
Bıktım usandım tek satırla çözülecek problemler için saatler harcayıp dosyaları bulamaç haline getirmekten ya. Ben de temiz anlaşılır şeyler yapmak istiyorum artık ya.
Problemi çözeceğim diye o kadar iç içe şey yapmışım ki çözüp de jsfiddlea kopyalayamadım. aşskşalkaslş
@vyava linke ben de bakmıştım yaklaşık 5 saat kadar önce. aşdkşald 10vw divin içine 1 vw font yapınca sayfa kadar harfler veriyordu bana. :')
Benim direk div yerleşiminde bir sıkıntı var ya. Sürekli aynı problemleri yaşıyorum. Kafam basmıyor sanırım.
- ay nov kung fu (21.07.14 02:03:06)
@divit Anlamadım. Durumumuz yoktu.
- ay nov kung fu (21.07.14 02:24:55)
takma onu onun durumu yoktu götüremediler rehabilitasyona
- Solem (21.07.14 02:26:30)
vw cok guzel olay aslinda ama dedigin gibi fazla kucuk olabiliyor yazilar.
onuncin hem vw hem media query yazmani tavsiye ederim.
mesela p elementinden ornek vereyim,
@media all and (min-width: 420px) {
p{font-size:55vw;}
}
@media all and (min-width: 640px) {
p{font-size:35vw;}
}
@media all and (min-width: 920px) {
p{font-size:20vw;}
}
gerci boyle media query kullanirsan vw kullanmak zorunda da kalmazsin ama flexible gorunur vw kullanirsan, hos olay bence.
onuncin hem vw hem media query yazmani tavsiye ederim.
mesela p elementinden ornek vereyim,
@media all and (min-width: 420px) {
p{font-size:55vw;}
}
@media all and (min-width: 640px) {
p{font-size:35vw;}
}
@media all and (min-width: 920px) {
p{font-size:20vw;}
}
gerci boyle media query kullanirsan vw kullanmak zorunda da kalmazsin ama flexible gorunur vw kullanirsan, hos olay bence.
- hjarteblod (21.07.14 03:01:39)
1
