Problème Textarea avec IE6 - J'utilise le framework Jquery pour javascript

Question

Tous les autres navigateurs fonctionnent bien sauf IE6. J'ai des zones de texte sous un format JS qui ne s'affichent pas correctement dans IE6. J'utilise le framework Jquery pour javascript. Je souhaite avoir une ligne horizontale au bas de chaque zone de texte pour donner l'impression que l'utilisateur complète la phrase. En IE6 cette ligne n'est pas visible jusqu'à ce que l'utilisateur commence à taper dans la zone de texte.

Form est situé à: http://handlemycomplaint.com.au/pdfletter/Model/User/form/form.php

Quelqu'un at-il une suggestion pour une solution?

Answer 1

Essai jon.css:

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

Vous pouvez utiliser les images de fond sur textareas correctement dans IE6, mais il peut être assez difficile à configurer. Si cela ne fonctionne pas, j'essayerais simplement de déboguer en changeant les paramètres de css jusqu'à ce que vous obteniez quelque chose à montrer et à partir de là.

BTW, si vous avez un chèque de problème de défilement ici pour l'aide: http://www.readactor.com/tutorials/fix-ie7-scrolling-background-problem-in-textarea-form-fields/

Answer 2

Cette idée est un hack, mais heureusement hacks sont assez rares avec IE6, donc je suis sûr que ce sera la seule fois tu devras en faire un. Pourquoi ne pas simplement déclarer la valeur initiale de chaque zone de texte en tant que caractère espace unique? Par exemple:

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

Notez les espaces entre les balises textarea.