2009-04-10 4 views
0

ie7の下では、テキストエリアに奇妙な問題があります。 何かを入力して押し込むと、新しい行を作成するとスペースが追加されたように見えます。Textarea CSS IE7とインラインスペースを作成する「Enterキー」

Javascriptを削除すると、バグがまだ残っているので、CSS関連のようです。 そして、CSSを削除すると、期待通りに動作します。

私がスタイリングしているすべてのテキストエリアを削除すると、そのバグは消えません。 多分もっと複雑なものの親のスタイリング。

すべてのヒントがここに

http://g.imagehost.org/download/0038/textarea_bug

歓迎されているが、ファイル

http://www.2shared.com/file/5302450/2f33f63c/page.html

"zipファイルをダウンロードする" ための右下のリンクをクリックしてください

+0

サンプルコードを提供できますか?私は実際にあなたの説明から原因を特定することはできません。 – Joel

+0

使用しているCSSのサンプルをお送りください、ありがとうございます! – RuudKok

+0

ファイルを追加したばかりで、問題は解決しません。 – coulix

答えて

9

問題であり、あなたのリセットスタイルのようです。テキスト領域には空白があります:通常、これは明らかにIE7が好きではありません。

このタグをリセット行のすぐ下に置きます。私はこれをIE7とChromeでテストしました。

textarea { white-space:pre; } 
+0

あなたは揺れます!私はちょうどリセットをターゲットにし始めた。 – coulix

+0

素敵なもの、5秒でそれに私を打つ...私は私の答えを削除し+1します。 – RuudKok

+1

リセットはie6のために設計されていますが、これは空白を無視します:正常です。 IE7はそのバグを修正したので、リセットを更新する必要があります。 – Joel