Buradaki CSS Sorunu Nedir? Bir Türlü Bulamadım

Arkadaşlar ŞURADAKİ sayfada bir alan dışına taşma sorunu var. Buna neden olan CSS hatası nedir acaba? Genel olarak başka yerlerde de sorun çıkarıyor bu CSS kodu her ney ise, bulup silmem gerekiyor gibi ama bulamıyorum.

İnputların 100% genişliğe sahip olup üzerine padding verilmesi taşmasına sebep oluyor, aşağıdaki kodu ekleyerek düzeltebilirsiniz.

button, input, textarea{box-sizing:border-box}

bir yerde width değerini px cinsinden vermişsindir onları width:100%; yap hocam

button, input, textarea {

1. border: 1px solid #ccc;
2. border-radius: 0;
3. font-family: inherit;
4. margin-right: 0;
5. margin-bottom: 7px;
6. /* padding: 8px 10px; */ <<<<<<<<<<<<<<<<<<< (burayı kaldırın yada kendinize göre ayarlayın

}

Şuraya işaretlediğimi eklersen input'lar düzelecektir.


Textarea içinde aynısını yapabilirsin.

box-sizing: border-box; sorunu çözüyor ama genel olarak sitede bir sorun var galiba, benim bunu div'lere..vs de vermem gerekiyor gibi zira sitenin dış çerçevesinde ve başka yerlerde de taşma var gibi. Mesela div { box-sizing: border-box; } şöyle bir değişeme neden oluyor;
Öncesi:
Sonrası:

*{box-sizing:border-box}

veya

*{box-sizing:border-box!important}

Madem tüm siteye vermen gerekiyor, üstteki kod bu işe yarar