overflow-x: hidden; greifft nicht

[hornster]

Hallo zusammen

Ich habe wieder ein kleines Problem. Und zwar sollte das ein Eingabefeld für ein Gästebuch werden:

<div style="position: absolute; top: 155px; left: 020px">
  <input    style="height: 120px; width: 450px; overflow-y: auto; overflow-x: hidden";
   type="text"
   name="Komentar"
   id="Komentar"
   title="Komentar"
   class="eingabe"
   onFocus="this.style.backgroundColor='#FFFFFF';"><br>
</div>

Nun wird mir aber das overflow-x: hidden nicht akzeptiert. Wenn ich einen Text eingebe, wird keine neue Zeile angefangen, wenn der Text am Ende des Feldes angelangt ist.

Hoffe ihr könnt mir helfen

 

[hornster]

Ich hab es hingekriegt indem ich es ein wenig anders gemacht habe:

<div style="position: absolute; top: 155px; left: 020px">
<textarea    style="height: 120px; width: 450px; overflow-y: auto; overflow-x: hidden";
                cols="50"
                rows="6"
                name="Kommentar"
                title="Kommentar"
                id="Kommentar"
                class="textfeld"
                onFocus="this.style.backgroundColor='#FFFFFF';"
</textarea>
</div>

 

[threadi]

Ganz einfacher Grund: das input-Feld ist nur ein einzeiliges Eingabefeld. Was du brauchst ist - wie du schon richtig erkannt hast - ein textarea.