CSS box ekranın kenarlarından taşıyor

hayl0s

hayl0s

Hectopat
Katılım
17 Eylül 2021
Mesajlar
742
Çözümler
5
Daha fazla  
Cinsiyet
Erkek
Meslek
Öğrenci
Merhaba öncelikle direkt olarak ekran görüntüsünü koyayım. Sayfanın 100% boyutunda bu şekilde gözüküyor.

1681313553319.png


Sayfanın 80% boyutunda bu şekilde gözüküyor. Yani olmasını istediğim gibi.

1681313744902.png


Bu sorunu hangi kodu ekleyerek veya silerek çözebilirim? Aşağıda belirli kod satırlarını veriyorum.

CSS: 
 .container
{
 width: 406px;
 max-width: 406px;
 margin: 165px;
}

Eğer sorun buradan çözülmüyorsa, sayfanın kenarlarından çözülecekse hangi kod ile çözebilirim?
 
hayl0s dedi:
Merhaba öncelikle direkt olarak ekran görüntüsünü koyayım. Sayfanın 100% boyutunda bu şekilde gözüküyor.

Eki Görüntüle 1737516

Sayfanın 80% boyutunda bu şekilde gözüküyor. Yani olmasını istediğim gibi.

Eki Görüntüle 1737518

Bu sorunu hangi kodu ekleyerek veya silerek çözebilirim? Aşağıda belirli kod satırlarını veriyorum.

CSS: 
 .container
{
 width: 406px;
 max-width: 406px;
 margin: 165px;
}

Eğer sorun buradan çözülmüyorsa, sayfanın kenarlarından çözülecekse hangi kod ile çözebilirim?
Genişletmek için tıkla...

Hocam padding vermeyi denediniz mi?


CSS: 
.container {
    padding-right: 10px;
}

Mesela bunun gibi. Bu kod "container" öğesinin sağ tarafına 10px boşluk bırakır.
 
Ahmet Hoca dedi:
Hocam padding vermeyi denediniz mi?


CSS: 
.container {
    padding-right: 10px;
}

Mesela bunun gibi. Bu kod "container" öğesinin sağ tarafına 10px boşluk bırakır.
Genişletmek için tıkla...
Sonuç aynı değişmiyor. Çözemedim gerçekten diğer sayfalarda bir sıkıntı olmuyor sadece bu sayfada oluyor. Ekleme yaptım yine aynı.
 
container'ın max-width'ini kaldır ve width: 80%; yaz. Yanlış anlamıyorsam container'ın genişliğini ayarlamaya çalışıyorsun.
 
bonz dedi:
Hocam siteyi bir yerde paylaşıp atabilir misiniz? Devtools ile bakmak daha kolay oluyor. Belki başka bir yerde ki kod bozuyor siteyi.
Genişletmek için tıkla...

Hocam inşallah buradasınızdır hemen ilgileniyorum.

bonz dedi:
Hocam siteyi bir yerde paylaşıp atabilir misiniz? DevTools ile bakmak daha kolay oluyor. Belki başka bir yerde ki kod bozuyor siteyi.
Genişletmek için tıkla...

Hocam şu şekilde hazırladım içerisinde bulunan form ekranı sıkıntılı ekran. CSS kodları ve tüm görsellerde içerisinde. Eksik veya sıkıntılı bir şey olursa söyleyebilirsiniz. GitHub - hayl0s/Sikintili_form
 
Son düzenleme:
hayl0s dedi:
Hocam inşallah buradasınızdır hemen ilgileniyorum.



Hocam şu şekilde hazırladım içerisinde bulunan form ekranı sıkıntılı ekran. CSS kodları ve tüm görsellerde içerisinde. Eksik veya sıkıntılı bir şey olursa söyleyebilirsiniz. GitHub - hayl0s/Sikintili_form
Genişletmek için tıkla...
Hocam şimdi indirdim. Sanırsam siz bunlardan bahsediyorsunuz. İşaretlediğim kodları silince düzgün düzene geçiyor. Çok yanlış yapı kullanılmış. Ben düzeltmeyi deneyeyim ama bir yeri düzeltsek diğeri sıkıntı olabilir.

1681685256840.png


bonz dedi:
Hocam şimdi indirdim. Sanırsam siz bunlardan bahsediyorsunuz. İşaretlediğim kodları silince düzgün düzene geçiyor. Çok yanlış yapı kullanılmış. Ben düzeltmeyi deneyeyim ama bir yeri düzeltsek diğeri sıkıntı olabilir.

1681685256840.png
Genişletmek için tıkla...
Hocam buna ayıracak vaktim yok ama kodları okumaya çalıştım. Kod yapısı biraz garipti. CSS'i ayrı dosya da yazın. Flex yapısını kullanırsanız basit bir şekilde yapabilirsiniz. Padding ile vs site ortalanmaz.
 
Son düzenleme:
bonz dedi:
Hocam şimdi indirdim. Sanırsam siz bunlardan bahsediyorsunuz. İşaretlediğim kodları silince düzgün düzene geçiyor. Çok yanlış yapı kullanılmış. Ben düzeltmeyi deneyeyim ama bir yeri düzeltsek diğeri sıkıntı olabilir.

Eki Görüntüle 1743076

Hocam buna ayıracak vaktim yok ama kodları okumaya çalıştım. Kod yapısı biraz garipti. CSS'i ayrı dosya da yazın. Flex yapısını kullanırsanız basit bir şekilde yapabilirsiniz. Padding ile vs site ortalanmaz.
Genişletmek için tıkla...

Hocam sitede belirttiğim kısımda bir sıkıntı var orayı küçültemiyorum. Boxu ne kadar daraltsamda orasını eksiltemiyorum bariyer var. Onu nasıl hallederim? Ne engelliyor orayı?
1681687346454.png
 
hayl0s dedi:
Hocam sitede belirttiğim kısımda bir sıkıntı var orayı küçültemiyorum. Boxu ne kadar daraltsamda orasını eksiltemiyorum bariyer var. Onu nasıl hallederim? Ne engelliyor orayı?
Eki Görüntüle 1743105
Genişletmek için tıkla...
Hocam orada bir şey yok ki? HTML içerisinde bir şey yok. .container'ın içinde ki margini demiş de olabilirsin.
 

Benzer konular

Murat Balcı
HTML ekranın kenarlarından istenilen kadar boşluk bırakma
Mesaj
1
Görüntüleme
1.393
Rosalind
Rosalind
Yeniçocuk
Yükseklik sonucu div taşıyor
Mesaj
0
Görüntüleme
468
Yeniçocuk
Yeniçocuk
walter wick
  • Çözüldü
Çözüldü  CSS background çalışmıyor
Mesaj
9
Görüntüleme
2.402
Fatalis
Fatalis
wlodame
CSS güncellenmiyor
Mesaj
0
Görüntüleme
393
wlodame
wlodame
D
PC CSS kodalarını okumuyor
Mesaj
4
Görüntüleme
473
MehmetSengul
MehmetSengul

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı