テキストエリアのブラウザ表示について

質問

以下のコードを書くと、
Chromでは、大きなテキストエリアが表示されますが、
IE8では、2行で小さく表示されてしまいます。
IEでも大きく表示したいです。
ご存知の方がおられましたら教えてください。
よろしくお願い致します。
<table>
<TR>
<TD>
文:
</TD>
<TD>
<TEXTAREA rows="10px" cols="50px" name="test">
<img src="test.gif\">
</TEXTAREA>
</TD>
</TR>
</table>

回答No.1

ORUKA1951 · ベストアンサー

<textarea></textarea>には、<img>要素は入れられません。テキストだけです。
また、rows,colsの値は、行数と文字数です。pxはありえません。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
17.7 TEXTAREA要素
<!ELEMENT TEXTAREA - - (#PCDATA) -- multi-line text field -->
<!ATTLIST TEXTAREA
　%attrs;　　　　　　　　　　　　-- %coreattrs,%i18n, %events --
　name CDATA #IMPLIED
　rows NUMBER #REQUIRED
　cols NUMBER #REQUIRED
・・・・・・以下略
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［テキストエリア( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/interact/forms.html#edef-TEXTAREA )］より

　textareaは、あくまでフォームでデータを送信するための入力欄であって、整形するためではありません。もちろんtableはレイアウトのためのものではありません。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
非視覚系メディアでのレンダリングに際して問題を起こすことがあるため、単に文書内容を整形する目的だけで表を用いるべきでない。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［表の概要( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.1 )］より

【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
ページレイアウトの目的で表を用いる。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［スタイルシートの概要( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )］より

★HTMLの最も重要な基本中の基本です。

　この様に画像や長文をスライダーをつけた枠内に表示したい場合であっても、HTMLは次のようなものでなければなりません。

<div style="overflow:auto;width:50px;height:10px;">
<img src="test.gif">
</div>
　よほど変な資料をご覧になっていると思われます。

はじめは簡単なものから書いてみて、必ず
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
のようなサイトでチェックして腕を磨きましょう。

回答No.2

naokita

tableを使うべきなのか？
何の為のtextareaなのか？
rows="10" cols="50" って事かな。
画像は背景にしたいのかな？

<textarea rows="10" cols="50" name="test" style="background:url(test.gif) no-repeat;">
test
</textarea>

お礼

ありがとうございます。
意味が判りました。
解決しました。