2009-05-05 3 views
2

Ich habe eine Seite, in der es ein paar Textarea gibt und < input type = "text" > HTML-Steuerelemente. Diese Elemente sind in einem div-Tag platziert:IE Textfeldbreite ändert sich, wenn Benutzer etwas Text eingibt

alt text http://i41.tinypic.com/2nm2drp.jpg

In IE 7 nach dem Benutzer tippt einigen Text in Textfeld, die Breite der Textbereiches Änderungen auf seinem eigenen: alt text http://i41.tinypic.com/2hz6bk5.jpg

und jetzt wieder, wenn der Benutzer tippt etwas Text in das Textfeld, das Textarea Agian kehrt zu seiner ursprünglichen Breite zurück: alt text http://i39.tinypic.com/1hs8wz.jpg

Hat jemand irgendwelche ähnlichen Probleme konfrontiert?

+0

Haben Sie einen Code haben wir aussehen könnte? Ich bin mir nicht sicher, dass wir das ohne HTML/JS/CSS lösen können – scunliffe

+0

Danke für die Frage. Ich bin auf genau das gleiche Problem gestoßen. –

Antwort

2

Legen Sie eine Breite in px für die Textfelder fest. Sollte das expandierende Verhalten auflösen.

+0

Dies funktioniert tatsächlich. – montrealist

+0

wünschte, es gäbe einen besseren Weg. es funktioniert aber ... ahhhh die ärgerlichkeit, Dinge in ie6 arbeiten zu lassen –

1

Ich bin derzeit auf dem gleichen Problem auf IE8 und IE9. In meinem Fall wird der Textbereich auf die volle Fensterbreite erweitert, wenn ich ihn eintippe. Wenn sich der Fokus zu einer anderen Komponente verschiebt, wird die ursprüngliche Breite wiederhergestellt. Wenn ich genug gelesen habe und ein paar Dinge ausprobiert habe, ist meine Beobachtung, wenn wir den Textbereich mit einem fieldset Tag umschließen, kommt die Breite zur Kontrolle. Momentan scheint die Breite jedoch auf die richtige Breite zu kommen, aber als das DOM anfängt zu laden, scheint das Textfeld eine reduzierte Breite zu haben, dann expandiert es auf die richtige Breite. Minor, aber es ist immer noch ein Fehler in meiner Anwendung und ich kann dieses Verhalten nicht verstehen. Jede Hilfe wird geschätzt.

Dies ist, was zur Zeit (teilweise) funktioniert für mich:

<fieldset> 

<textarea> </textarea> 

</fieldset>