Ausdehnung eines Textfeldes

[Enrico]

Hallo,

gut, jetzt habe ich noch ein weiteres optisches Problem mit einem input-Textfeld.

Das Textfeld ist absolut positioniert und zwischen einem Filtermenü und der
Schaltfläche "Filter löschen" zum Zurücksetzen der aktuellen Ansicht angeordnet:

+------+ +------------------+              +----------------+
   | Menü | | input-Feld       |              | Filter löschen |
   +------+ +------------------+              +----------------+

Da es aber sehr unschön aussieht, wenn zwischen dem Textfeld und der Schaltfläche
zum Zurücksetzen des Filters so viel Platz ist, möchte ich erreichen, dass sich
das Textfeld bis zu einem bestimmten Wert (right: 200px;) erstreckt:

+------+ +-------------------------------+ +----------------+
   | Menü | | input-Feld                    | | Filter löschen |
   +------+ +-------------------------------+ +----------------+

Aber scheinbar ist dies nicht möglich, trotz folgender css-Angaben:

input
   {
      display:          block;
      height:           16px;
      left:             565px;
      position:         absolute;
      right:            120px;
      top:              23px;
      /* width:            300px; */
   }

Wie kann ich es erreichen, dass sich das Textfeld entsprechend ausdehnt?

Vielen Dank und Gruß
Enrico

[suit]

Aber scheinbar ist dies nicht möglich, trotz folgender css-Angaben:

input
   {
      /* width:            300px; */
   }

Wie kann ich es erreichen, dass sich das Textfeld entsprechend ausdehnt?

indem du deine angabe für width nicht auskommentierst?

[Enrico]

Hmm, da habe ich mich wohl leider missverständlich ausgedrückt, sorry...

Ich möchte erreichen, dass sich das Textfeld immer bis zum angegebenen
rechten Wert ausdehnt, ohne feste Breitenangabe.

Ich möchte auf diese Weise sicherstellen, dass die Anordnung und Optik auch
bei veränderten Fenstergrössen so bleibt, beispielsweise wenn man das
Fenster verkleinert.

Das Textfeld soll also "floaten".

Gruß
Enrico

[EKKi]

Mahlzeit Enrico,

Das Textfeld soll also "floaten".

Nein, falsche Denkweise. Das Texteingabefeld soll die maximal verfügbare Breite einnehmen und darüber soll die Schaltfläche "Filter löschen" floaten. Den Platz, den die Schaltfläche einnimmt, gibt das Texteingabefeld sozusagen her.

MfG,
EKKi

[Enrico]

Hallo EKKi,

das versteh ich jetzt nicht ganz...

Wie meinst Du das?

Gruß
Enrico

[EKKi]

Mahlzeit Enrico,

das versteh ich jetzt nicht ganz...

Wie meinst Du das?

Hm, habe gerade beim Schreiben einer Antwort festgestellt, dass man das, was ich als Idee hatte, doch nicht umsetzen kann - vergiss meinen Vorschlag also lieber ... :-)

MfG,
EKKi

[Enrico]

Hallo EKKi,

Was wäre Deiner Meinung nach denn eine Lösungsmöglichkeit?

Hab auch schon gegoogelt, bin aber auf nichts vernünftiges gestossen...

Gruß
Enrico

[Enrico]

Hallo,

glücklicherweise kommen einem doch mal dann und wann Geistesblitze :-))

Man nehme ein Container-div, weise ihn mit absoluten Angaben in seine
Grenzen, verpasse dem darin eingebetteten Textfeld eine 100% Breite und
schon hat man das Problem gelöst :-))

Jetzt brauche ich nur noch Hilfe zu meinem anderen Problem mit der
Ermittlung der Höhe einer Liste.

Gruß
Enrico