スクロール式テーブル内での改行を反映させる方法

質問

アメブロのサイドバーでスクロール表示式の<table>タグを使いたいのですが、本文内が改行できず困っています。

アメブロの「フリースペース」「フリープラグイン」のどちらで試しても改行が反映されません。
スクロール素材は以下のソースのものです。

<!--★始まり-->
<table cellpadding="7" cellspacing="2" bgcolor="#225599" width="320" style="font-size:13px;">
<tr><th bgcolor="#bbbbbb"> タイトル </th></tr>
<tr><td bgcolor="#ffffff">
<textarea rows="6" style="width:100%;border-style:none;scrollbar-base-color:#88f6c6;">
本文
本文
本文
本文
</textarea>
</td>
</tr>
<tr><td bgcolor="#bbbbbb" height="16"></td></tr>
</td>
</tr>
</table>
<!--終わり★-->

「フリースペース」の方で上記タグを入れると、
プレビュー欄に自動で<br />タグが挿入され
その状態で本文が表示されてしまいます。

「フリープラグイン」の方では
文字と文字の間で改行ができるものの
なんの文字もない部分で「行間を１行あける」という事ができません。

フリースペースでもプラグインでもどちらを使っても構わないのですが
改行を反映させる方法（タグなどの挿入）があるでしょうか？

上記の<table>タグを使わなくても
スクロールができるような素材でしたら構わないのですが。

何かありましたら教えて下さい。

回答No.2

756co · ベストアンサー

補足読みました。

こちらでは
アメブロのフリープラグイン、フリースペースの両方で大丈夫でしたが…。

テキストエリア（<textarea>）は使わず
↓をそのまま使っていますか？

<div style="width:100px;height:50px;overflow:scroll;">

文章を入れる
<br />も使えます。

</div>

<div>～～～</div>の間に文章をそのまま書いて構わないですよ。

お礼

＞テーブルを使わず
という事でtableタグを削除して
（<textarea>）は使ってしまってました（汗）

（<textarea>）を削除して<div style～を挿入したら動作しました！！

ご丁寧にありがとうございましたm(__)m

回答No.1

756co

テーブルを使わず、ブロック要素として上下の幅を指定し
スクロールバーを表示する方法もあります。

例：
<div style="width:100px;height:50px;overflow:scroll;">

文章を入れる
<br />も使えます。

</div>

横幅（width）や縦幅（height）は適宜調節してください。

補足

参考になりましたm(__)m

テーブルではなく、教えて頂いた<div>を入れてみたのですが
アメブロのフリープラグイン独自の属性なのか？
本文内に<br />を入れると、やはりそのまま表示されてしまいます（汗）

他のブログ会社のフリープラグインやＨＰでしたら
上記タグで全然問題ないと思うのですが・・・。

アメブロでは無理なんでしょうかね(>_<)