« グローバル変数を使わずにsetTimeoutでthisを渡す。 | トップページ | 大体の日本語文字にヒットする正規表現 »

2006年5月 4日 (木)

IE6でtextareaにwidth:80%とか指定するとフォーカスが当たったときににょきにょきサイズが変わるのを防ぐ

<div style="padding-left:10%;">
	<textarea style="width:80%"></textarea>
</div>

というHTMLがあると、以下のように表示されます。

IE6で見てる人は上のテキストエリアをクリックして何か書き込んでみてください。突然テキストエリアが右ににょきっと延びるはずです。と、まぁこういう困ったバグがあるのですが、これは親要素にwidthを指定してやることで解消されます。

<div style="padding-left:10%;width:100%">
 <textarea style="width:80%"></textarea>
</div>
(Ref : http://www.keynavi.net/ja/bugh/css_misc.html#_title_4_7 )(4.7 その他のCSSバグ::ブロックがうまく表示されない)

|

« グローバル変数を使わずにsetTimeoutでthisを渡す。 | トップページ | 大体の日本語文字にヒットする正規表現 »

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



« グローバル変数を使わずにsetTimeoutでthisを渡す。 | トップページ | 大体の日本語文字にヒットする正規表現 »