2010-11-21 5 views
2

他のすべてのブラウザはIE6を除いて正常に動作しています。私はIE6で正しく表示されていないJSフォームのテキストエリアを持っています。私はjavascriptのJqueryフレームワークを使用しています。ユーザーが文章を完成させているように見えるように、各テキストエリアの下部に水平線を付したいと思います。 IE6では、この行はユーザーがテキストエリアで入力を開始するまで表示されません。IE6でのテキストエリアの問題 - JavaScript用Jqueryフレームワークを使用しています

フォームは次の場所にあります。 http://handlemycomplaint.com.au/pdfletter/Model/User/form/form.php

誰もが修正のための提案を持っていますか? jon.css試して

+1

IE 6は市場シェアの5%未満です。それはあなたのウェブサイトのための要件ですか?そうでない場合。それを気にしないでください。 –

+0

こんにちはJohn、残念ながらIE6との互換性が必要です。問題にはCSSだけが関係するので、あまりにも多くのドラマがなければ問題を解決したいと思っています。 – Jovanks

答えて

0

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

+0

ご協力ありがとうございます。私はそれを試してみましょう、あなたに知らせる! – Jovanks

0

このアイデアはハックですが、幸いハックはIE6とかなり稀であるので、私はそれが唯一の時間だろうと確信してあなたはこれを行う必要があります。

各テキストエリアの初期値を1つの空白文字として宣言するだけではどうですか?例:

<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タグ間の空白に注意してください。

+0

お寄せいただきありがとうございます。私はそれを行って、私はそれと一緒に行く方法を教えてあげるよ! – Jovanks

関連する問題