Home > > IE7-でtextarea { height: 100%; border: none; }が効かない

[PR]

2024-04-20

Share on Tumblr

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

Comments:

Trackback+Pingback:

Listed below are links to weblogs that reference: [PR] from Born Neet

Home > > IE7-でtextarea { height: 100%; border: none; }が効かない

Home > html/css > IE7-でtextarea { height: 100%; border: none; }が効かない

Newer
Older

IE7-でtextarea { height: 100%; border: none; }が効かない

2009-09-29
html/css

Share on Tumblr

"IE textarea height 100%"とかで検索するといっぱい出てくるから、
かなり今さらなんだろうけど…。
日本語の情報なさそうだったから、まぁいいや。

タイトルの通り、
IE6,IE7の標準モードでtextareaの高さ100%指定とついでにborder:noneが効かないという話。

サンプル

サンプルを見ればわかると思いますが、単純な対策はIE6,7を互換モードで動作させること。

ご存知、IE6はXML宣言があれば互換モードに。
さらにIE7はXML宣言の<?xmlの次をタブ（半角スペース以外の空白文字）にすればよい。
（drry+@-> IE7 Beta 2 における XHTML の標準準拠モード切替えについて）

ってことで、HTMLの先頭を下のようにすればOKです。