Folgendes will nicht so recht funktionieren funktionieren:

1. <header>
2. <div id="logo" style="float: left;" width: 170px;">Logo</div>
3. <form action="" method="post">
4. <input class="search" id="search" type="text" value="Suche" name="s" style="float: left; display: block; width: 100%; />
5. </form>
6. </header>

Quelltext in Zwischenablage kopieren

Das Textfeld (search) soll sich dem Fenster anpassen, der DIV-Container (logo) ist dabei fest. Ob ich das Textfeld auf auto oder 100% setze es ist entweder zu lang, sprich es rechnet dann noch die 170px vom Container ein oder bei auto ist es einfach ganz kurz.

Jemand einen Tipp?

Liegt am float .

Majo schrieb am 21.08.11, 10:27 Uhr:

Liegt am float .

Ich habs auch schon mit position: absolute; versucht, auch ohne Erfolg!

Das Problem ist, dass du dem Element eine Breite von 100% des Elternelements zuweist und es dannach innerhalb dieses Element re-positionierst. Ob mit float oder pos spielt keine Rolle, das Element wird verschoben und ragt über diesen Wert über das Elternelement hinaus.

Hier hatte jemand das gleiche Problem, wenn ich es richtig verstehe:
http://forum.de.selfhtml.org/archiv/2005...2/t120257/