Formular, Formatierungsproblem

[Auge]

Hallo

Ich habe ein Formulierungs Problem in einem HTML Formular. Es geht um ein Formular das 3 Felder hat. ein INPUT Feld, ein SELECT Feld, und den BUTTON

das Ziel das ich habe, es soll genau 100% Breit werden, sich also immer an die Seite, der Box etc anpasst!

Ich muss aber die Prozentzahl herunternehmen, da ich durch den Rahmen über 100% komme! Wie schaffe ich es das es genauso Breit ist wie ich das möchte?

Grundsätzlich kannst du Dimensionen mit calc berechnen lassen.

input[type="text"]{
  width: calc(37% - 2px - 2%); /* Breite - zwei Borders - zwei Prozent Padding */
  border: 1px solid #c0c0c0;
  padding: 1%;
}

Denke aber daran, dass das Formular auf Geräten mit schmalem/kleinem Viewport schnell unbenutzbar werden kann. Ordne dort deine Elemente mit Media-Queries anders, (z.B. untereinander) an.

Tschö, Auge