schrift in einem input feld vertical zentrieren

[Alex]

Hallo Leute

ich habe da ein kleines Problem(chen):

Ich habe ein input Feld mit einer festgelegten Höhe, jetzt möchte ich gerne dass der value-Text vertikal zentriert wird.
Horizontal funktioniert das ja sehr gut mit text-align:center;, aber vertikal will mir das nicht gelingen. Ich hätte ja an vertical-align:middle; gedacht, aber das scheint nicht zu funktionieren.

Gruß
Alex

Bsp:
So ist es momentan
---------------------
|Text               |
|                   |
|                   |
---------------------

ich hätte es aber lieber so ;-) :
---------------------
|                   |
|Text               |
|                   |
---------------------

[wahsaga]

hi,

Ich habe ein input Feld mit einer festgelegten Höhe, jetzt möchte ich gerne dass der value-Text vertikal zentriert wird.

Versuche, dem Feld eine entsprechend große line-height zu geben.

gruß,
wahsaga

[wahsaga]

hi,

Versuche, dem Feld eine entsprechend große line-height zu geben.

Oder, alternativ: Regle die Höhe nicht alleine über height, sondern nutze padding-top und -bottom.

gruß,
wahsaga

[Alex]

hi wahsaga

erstmal danke für die Ideen/Vorschläge.

Versuche, dem Feld eine entsprechend große line-height zu geben.

Oder, alternativ: Regle die Höhe nicht alleine über height, sondern nutze padding-top und -bottom.

Das Problem ist, dass die Schriftgröße des Textes variieren kann, die Größe des Feldes aber konstant sein soll. D.h. ich müsste dann ja jedesmal die Abstände zum Rand neu berechnen... gibt es nicht vielleicht noch eine andere Möglichkeit?

[tufan]

hallo,

Das Problem ist, dass die Schriftgröße des Textes variieren kann, die Größe des Feldes aber konstant sein soll.

padding-top: 0.5em;
padding-bottom: 0.5em;
müsste afaik zentrieren.

Grüße aus Berlin,

tufi

[Alex]

padding-top: 0.5em;
padding-bottom: 0.5em;
müsste afaik zentrieren.

nein, funktioniert leider auch nicht.
Das Feld kann ja größer/kleiner sein als 2 mal die Schriftgröße.

Gruß
Alex

[wahsaga]

hi,

gibt es nicht vielleicht noch eine andere Möglichkeit?

Ich gab dir bereits zwei Vorschläge - hast du beide ausprobiert?

gruß,
wahsaga