[phpBB Debug] PHP Warning: in file [ROOT]/ext/tas2580/seourls/event/listener.php on line 213: Undefined array key "FORUM_NAME"
CSS Input-Feld ausdehnen auf verfügbaren Platz - REDAXO Forum
Hallo,

Wir haben in letzter Zeit festgestellt, dass die Kommunikation via Slack viel schneller und zielführender ist als ein Beitrag im Forum. Aufgrund der neuen und besseren Möglichkeiten der Kommunikation haben wir uns entschlossen das Forum nur noch als Archiv zur Verfügung zu stellen. Somit bleibt es weiterhin möglich hier nach Lösungen zu suchen. Neue Beiträge können nicht mehr erstellt werden.

Wir empfehlen, für deine Fragen/Probleme Slack zu nutzen. Dort sind viele kompetente Benutzer aktiv und beantworten jegliche Fragen, gerne auch von REDAXO-Anfängern! Slack wird von uns sehr intensiv und meistens "rund um die Uhr" benutzt :-)
Selbst einladen kannst Du dich hier: https://redaxo.org/slack/
derkrebs
Beiträge: 149
Registriert: 4. Okt 2011, 17:27

CSS Input-Feld ausdehnen auf verfügbaren Platz

21. Mai 2015, 18:33

Hallo,

ich habe in einem DIV mit dynamischer Breite ein SELECT-Feld mit vorangestelltem LABEL-Tag. Das LABEL-Tag hat eine feste Breite. Nun möchte ich erreichen, dass das SELECT-Feld auf die restliche Breite des DIVs ausgedehnt wird. Wie geht das nochmal? Geht das per CSS oder muss ich dafür Javascript bemühen? Irgendwie steh ich da grad auf'm Schlauch...
ausdehnen.jpg
ausdehnen.jpg (8.45 KiB) 4824 mal betrachtet
Danke für Eure Hilfe!

Gruß,
Michael

Benutzeravatar
Thomas.Blum
Entwickler
Beiträge: 5063
Registriert: 24. Aug 2004, 22:11
Wohnort: Dresden
Kontaktdaten: Website

Re: CSS Input-Feld ausdehnen auf verfügbaren Platz

22. Mai 2015, 08:48

Hej,

müsste in diese Richtung gehen.

Code: Alles auswählen

<div class="form">
  <label>Label</label>
  <input />
</div>

.form {
  display: table;
  border-collapse: separate;
}

.form > label, 
.form > input {
  display: table-cell;
}

.form > label {
  width: 100px;
  white-space: nowrap;
}
.form > input {
  width: 100%;
}
vg Thomas

Zurück zu „Sonstiges“