テキストエリアについて
-
0 名前： ひな ： 2007/03/21（水） 16:26 ID:Jk19Iewg sub-1G
- こんばんは。
私はテキストエリアを使って更新履歴等を記述してるのですが、テキストエリアの上にタイトルをつけると改行していないのに間が空いてしまいます
<body>
更新履歴
<form>
<textarea style="BORDER-TOP-WIDTH: 1px;
BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 11px; BORDER-LEFT-COLOR: black;
BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: black;
BORDER-TOP-COLOR: black; BACKGROUND-COLOR: #ffffff;
BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: black" rows="6" cols="30">
*
*
*
<%%TEXTAREA></form>
</body>
と記述したら↓のように表示されます
更新履歴
←この改行
|￣￣￣￣￣￣￣￣￣|
| * |
| * |
| * |
|＿＿＿＿＿＿＿＿＿|
改行部分をなくす方法はありますでしょうか？
もしくはDIVで記述したほうがいいのでしょうか？
ご教授願います
-
1 名前： 元帥 ： 2007/03/21（水） 16:26 ［URL］ ID:hlKZZuO4 sub-bK
- 改行と言うよりは、マージンですね。
IEではform要素にデフォルトで多少のマージンが確保されるみたいです。
CSS:form{
margin-top:0;
}
> もしくはDIVで記述したほうがいいのでしょうか？
textarea要素は無理にform要素の子要素として配置する必要はないのです。
div要素の下にも置けますから、状況に応じて使い分けた方が良いでしょう。
しかし、その状況というのはユーザーインターフェース次第なのであって、今回の場合はtextarea要素の目的をまるっきり無視していますから、div要素を設けてoverflowプロパティにscrollを指定する方が良いと思います。
http://www.tagindex.com/stylesheet/box/overflow.html
-
2 名前： ひな ： 2007/03/21（水） 16:26 ID:Jk19Iewg sub-1G
なるほど…！
詳しく、かつ分かりやすいご回答ありがとうございましたm(_ _)m
活用させていただきます
