Gerd: Formularfelder automatisch an Breite anpassen (Prozent)

Ein Bespiel, die Box ist 598 Pixel breit. In diese möchte ich eine Formularfeld und einen Absende Button nebeneinander ausgeben.

Wenn ich jetzt dem

Input Feld

width: 80%
border: 0;

und dem

Submit Button

width: 20%
border: 0;

gebe, funktioniert es.

aber wenn ich nun, beim INPUT Feld, den Border auf 1px setze, haut es mit der Prozentangabe nicht mehr hin. Ich kann zwar improvisieren und statt 80% einfach 78% geben, aber die Breite stimmt dann nicht mehr.

Kann ich einen der beiden Werte so setzen, das er den Rest automatisch ausfüllt?

Gerd

  1. Hi,

    aber wenn ich nun, beim INPUT Feld, den Border auf 1px setze, haut es mit der Prozentangabe nicht mehr hin.

    Dann sorge einfach dafür, dass die Border-Breite von der Elementbreite abgezogen wird.
    https://developer.mozilla.org/de/docs/Web/CSS/box-sizing

    MfG ChrisB

    --
    Autocomplete has spoiled me to a point where it happens every so often that I encounter a CAPTCHA, and I just type in the first character … and then wait for the rest of the code to be automatically suggested :/