2011-12-14 4 views
0

私はテンプレートファイル内にフォームを作成しました。フォームのコードは次のようになります。カエルCMSとフォームテキストエリア

<div id="form" style="width: 170px;"> 
    <form method="post" action=""> 
    <p>Name (required)<br> 
    <span><input type="text" size="25" value="" name="your-name"></span> </p> 
    <p>Email (required)<br> 
    <span><input type="text" size="25" value="" name="your-email"></span> </p> 
    <p>Phone <br> 
    <span><input type="text" size="25" value="" name="Phone"></span></p> 
    <p>Subject<br> 
    <span><input type="text" size="25" value="" name="your-subject"></span> </p> 
    <p>Message<br> 
    <textarea rows="5" cols="18" name="your-message"></textarea></p> 
    <p style="padding-left:12px;"><input type="submit" value="Submit"> 
    </form>    
</div> 

フォームは、FirefoxとChromeではなく、IEの下で適切に見えます。 http://www.rosica.com/services/form-test-page

IEのために間違っている可能性が何をどれ手がかり:

Webサイトは、カエルCMS 0.9.5それに リンクに基づいていますか?

答えて

1

あなたは、ie.cssファイルにテキストエリアを大きくするクラスを持っている:

textarea { 
.. 
    width:390px; 
... 
} 

これを置き換えることができ、あるいはあなたがそのクラスが必要な場合は、あなたがして上書きすることができます。

#column3 textarea { 
    width:165px; 
} 
+0

グレート!テーマの解決に関連する別個のCSSになるとは決して考えませんでした(私はFrog CMSの大ファンではありません)。あまりにも悪いIEBugは何が起こっているか調べるためにFireBugのようなものはありません。 – JackTheKnife