Formularfelder automatisch an Breite anpassen (Prozent)
Gerd
- css
0 ChrisB
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
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