Hallo,
ich möchte in einer Zeile, d.h. ohne Umbruch 3 Auswahllisten und ein Eingabefeld nebeneinander ausrichten.
Die Ausrichtung aller Elemente ohne Umbruch ist über folgenden css-Code problemlos möglich:
form
{
padding: 0px;
margin: 0px;
}
select,
input
{
color: #b2b2b2;
font-family: Verdana;
font-size: 10px;
font-weight: bold;
display: block;
border: 1px #7b7d7b solid;
background-color: #525552;
float: left;
margin-bottom: 14px;
}
input
{
width: auto;
}
select:focus,
input:focus
{
background-color: #636563;
}
Nun möchte ich aber das Eingabefeld auf die verbleibende Bildschirmbreite ausdehnen und das klappt nicht.
Das Eingabefeld wird mir bei der Angabe "width: 100%;", auch in Verbindung mit "float: right;", in die
nächste Zeile verschoben, was ich nicht haben will.
Wie kann ich es bewerkstelligen, dass sich das Eingabefeld auf die verbleibende Bildschirmbreite ausdehnt,
ohne feste Angabe von Pixeln, da das gesamte Layout meiner Seite variabel ist, ohne aber einen Umbruch
zu bekommen, die Angabe "width: auto;" wird scheinbar ignoriert?
Danke und Gruß
Rico