Hallo,
Ich möchte die Labels zu Eingabefeldern zum zugehörigen Eingabefeld vertikal zentrieren, bekomme es aber einfach nicht hin, da ich
die Label-Divs nicht auf die gesamte Breite ausdehnen kann, da ich dann die Ausrichtung nicht mehr hinbekomme.
Hier stellvertretend für die weiteren Eingabefelder eine "Zeile" der HTML-Datei:
<div class="Zeile">
<span class="Label" style="width:96px;">* Name:</span>
<span class="Eingabefeld"><div class="Container_Eingabefeld" style="width:269px;"><input name="Name" type="text"></div></span>
</div>
Hier die zugehörigen CSS-Definitionen:
.Zeile
{
clear: both;
padding: 5px 0px;
display: table;
}
.Label
{
float: left;
text-align: right;
padding-right: 5px;
display: table-cell;
vertical-align: middle;
}
.Eingabefeld
{
float: right;
text-align: left;
}
.Container_Eingabefeld
{
border: 2px solid #000000;
padding: 2px;
cursor: hand;
}
Könnt Ihr mir bei der Lösung meines Problems weiterhelfen ?
Wie kann icherreichen, dass die Labels schön vertikal zentriert zum jeweiligen Eingabefeld angezeigt werden ?
Schon mal vielen Dank im voraus.
Gruss, Enrico