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

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:Panoya kopyala

 .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...

.container {
    padding-right: 10px;
}

Ahmet Hoca dedi:

Hocam padding vermeyi denediniz mi?

CSS:Panoya kopyala

.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...

hayl0s dedi:

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ı.

Genişletmek için tıkla...

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...

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...

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...

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.

Genişletmek için tıkla...

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...

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...