複数行分の入力窓を入れる内でもご紹介した通り、
<textarea rows="3" cols="10">〜</textarea>
にてサイズ指定(rows="3" cols="10")をしても下記の表示結果(1)の様にブラウザによって、その表示サイズが違ってきます。

これでは、ブラウザによってレイアウトが大きく崩れてしまう可能性が高くなります。

下記のスタイルシート指定の様にほぼ同じ大きさにて表示する様に指定していきましょう。

種類	表示結果(1)		スタイルシート指定
IE7		→
IE6
Firefox
Opera

スタイルシート　width:サイズ;height:サイズ;

スタイルシートにて設定した場合と、rows="" cols=""にて設定した場合とでは、スタイルシートで指定したサイズが優先されます。

スタイルシートを無効にした環境の為の、通常の指定方法（rows="" cols=""）と、スタイルシートでの指定方法は同時にしておきましょう。

指定方法は、<textarea>に対してwidth:サイズ;height:サイズ;にて指定します。

今回は、width:100px;height50px;にて指定しています。

<textarea>〜</textarea>の書き方

<textarea cols="10" rows="3" name="text2" style="width:100px;height:50px;">
</textarea>

こうなります

種類	表示結果
IE7
IE6
Firefox
Opera

ホームページ作成ＴＯＰ > フォームを設置する > 複数行分の入力窓サイズを調整する(CSS) > このページのＴＯＰ　▲

ワンランクＵＰ講座
ホームページのスタイルをワンランクアップ！基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。