Ich möchte eine Textbox und eine Schaltfläche nebeneinander "elastisch" oder "flüssig" positionieren (wie lautet der richtige Ausdruck?):
Layout http://www.ocactus.org/liquid.gif
Wenn Sie die Schaltfläche in einem Container mit beliebiger Breite (einschließlich der Größenänderung des Browserfensters) platzieren, muss sie rechtsbündig ausgerichtet sein und so viel Breite wie nötig einnehmen, während die Textbox die verbleibende Breite verwenden sollte. Leider kann die Breite der Schaltfläche nicht in CSS festgelegt werden, da sie von der Beschriftung abhängt (verschiedene Aktionen, Sprachen usw.).
Was ist eine gute Lösung für die oben genannten, die über den Browser funktioniert?
Ich konnte das in einer Tabelle (ich weiß, aber es funktioniert) zum Laufen bringen, wo es die Größenänderung der Seite und den Wert der sich ändernden Schaltfläche richtig behandelt:
%Vor%Möglicherweise gibt es ein & lt; div & gt; Alternative da draußen für Styling.
BEARBEITEN: Ich habe mein Beispiel überarbeitet, um das folgende Stylesheet zu verwenden:
%Vor%HTML:
%Vor%jQuery:
%Vor%Hinweis: Stellen Sie sicher, dass Sie die jQuery-Bibliothek in das Dokument & lt; head & gt; Aus Gründen der Geschwindigkeit empfehle ich die von Google gehostete Version: Ссылка
Hier ist eine jQuery-Erweiterung, die ich basierend auf der Antwort von NGJ Graphics geschrieben habe. Es berücksichtigt mehrere Schaltflächen wie Ok / Cancel Optionen.
%Vor%Tags und Links html css stylesheet xhtml
