İ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 {
- border: 1px solid #ccc;
- border-radius: 0;
- font-family: inherit;
- margin-right: 0;
- margin-bottom: 7px;
- /* 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ı: