上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

はまったのでメモ。

IE6(Internet Explorer6)でtextareaの親に当たるいずれかのブロック要素にmarginが指定されていると、なぜかそのtextareaにも引き継がれてしまう、というもの。

<div id="oya1">
<div id="oya2">
<textarea>テキストエリア</textarea>
</div>
</div>

このとき、
oya1 {
margin: 10px 20px 30px 40px
}

とか、
oya2 {
margin: 10px 20px 30px 40px
}

としていると、なぜかtextarea周りにもmarginが出てしまう
こうなると、textareaに何を指定しても直らない。!importantもダメ。

とりあえず、textareaを適当なインライン要素というかspan要素で囲ってやると、現象は回復する。



……Microsoftさん、ホンマ勘弁してください。

【関連項目】
TEXTAREAの謎の余白
input要素などにおけるIEのバグ
Related Posts

Thoughts on スポンサーサイトIE6 textareaのバグ

Leave a Reply

* less than 16 characters
* less than 24 characters
* less than 16 characters
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。