2009-07-22 7 views
0

に悪いbehavorを引き起こし、私はYUIが同じサイトにjqueryの自動拡張一緒にリセットして、使用しています。それはFirefox上で正常に動作しますが、IE 7はひどく動作します。テキストエリアは、そこに少量のテキストがあっても大きなものに成長します。以下はjQueryの自動拡張はIE7

は、問題を示し例です。私がリセットスタイルシートをコメントアウトすると、自動拡張は正しく動作します。私はそこに期待しています

は、私はこの問題を解決することをオーバーライドすることができますいくつかの簡単なCSSです。私はYUIリセットから離れてこのプロジェクトに入る方法です。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <title></title> 
    <link href="http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css" rel="stylesheet" type="text/css" /> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> 
    <script src="http://www.aclevercookie.com/files/jquery.autogrow.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $("textarea").autogrow(); 
     }); 
    </script> 
    <style type="text/css"> 
     textarea 
     { 
      width: 99%; 
      line-height: 18px; 
     } 
    </style> 
</head> 
<body> 
    <textarea>abc</textarea> 
    <textarea>this quantity of text should not cause the textarea to grow yet.</textarea> 
</body> 
</html> 

答えて

0

私はIE8でこの同じ問題を抱えていたのではなく、それはYUIのリセットに関連しているよりも、問題の原因YUIフォントのようでした。

は1EMにフォントサイズを設定することにより、それを修正しました。それを行ってください。

関連する問題