Проблема с текстовой областью в IE6 - я использую инфраструктуру Jquery для JavaScript

Question

Все остальные браузеры работают хорошо, кроме IE6.У меня есть текстовые области в форме JS, которые не отображаются правильно в IE6.Я использую Jquery Framework для JavaScript.Я хочу, чтобы в нижней части каждой текстовой области была горизонтальная линия, чтобы выглядело, как будто пользователь заканчивает предложение.В IE6 эта строка не видна, пока пользователь не начнет вводить текстовую область.

Форма находится по адресу: http://handlemycomplaint.com.au/pdfletter/Model/User/form/form.php

У кого-нибудь есть предложения по исправлению?

Answer 1

Эта идея взломана, но, к счастью, хаки довольно редко встречаются в IE6, поэтому я уверен, что это будет единственный раз, когда вам придется сделать это.

Почему бы просто не объявитьначальное значение каждого текстового поля в виде одного пробела?Например:

<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>

Обратите внимание на пробел между тегами textarea.

Answer 2

В jon.css попробуйте:

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

Вы можете правильно использовать фоновые изображения для текстовых полей в IE6, хотя это может быть довольно сложно настроить. Если это не сработает, я просто попытаюсь отладить, изменив настройки css, пока вы не получите что-то, чтобы показать и перейти оттуда.

Кстати, если у вас возникла проблема с прокруткой, обратитесь за помощью: http://www.readactor.com/tutorials/fix-ie7-scrolling-background-problem-in-textarea-form-fields/