Textarea Problem mit IE6 - Ich benutze Jquery Framework für Javascript

Question

Alle anderen Browser funktionieren gut außer IE6. Ich habe Textareas in einem JS-Formular, die nicht korrekt in IE6 angezeigt werden. Ich benutze Jquery Framework für Javascript. Ich möchte eine horizontale Linie am unteren Rand jedes Textfelds haben, damit es aussieht, als würde der Benutzer den Satz vervollständigen. In IE6 ist diese Zeile nicht sichtbar, bis der Benutzer beginnt, den Textbereich einzugeben.

Formular befindet sich unter: http://handlemycomplaint.com.au/pdfletter/Model/User/form/form.php

Ist für eine Korrektur einen Vorschlag jemand?

Answer 1

In jon.css Versuch:

#testform textarea{ background:#FFF url(../images/textarea.gif) repeat-x left bottom;padding-top:3px;margin-left:5px;border:none;} 

Sie können Hintergrundbilder auf Textfelder richtig in IE6 verwenden, obwohl es ziemlich schwierig zu Setup sein kann. Wenn dies nicht funktioniert, würde ich nur versuchen, zu debuggen, indem Sie die css-Einstellungen ändern, bis Sie etwas bekommen, das angezeigt wird und von dort aus geht.

Btw, wenn Sie in ein Scrollen Problem Check hier, um Hilfe laufen: http://www.readactor.com/tutorials/fix-ie7-scrolling-background-problem-in-textarea-form-fields/

Answer 2

Diese Idee ist ein Hack, aber zum Glück Hacks sind ziemlich selten mit IE6, also bin ich sicher, dass es das einzige Mal sein, Du wirst es jemals tun müssen.

Warum nicht einfach den Anfangswert jedes Textfelds als einzelnes Leerzeichen deklarieren? Beispiel:

<textarea style="overflow: auto; font-family: Tahoma,Arial,Helvetica,sans-serif; font-size: 13px;" tabindex="15" id="wishlist1" cols="89" rows="1" name="wishlist1"> </textarea> 

Beachten Sie die Leerzeichen zwischen den Textarea-Tags.