Home > 2009年09月29日

2009年09月29日

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

2009-09-29 (Tue)
html/css

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

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

サンプル

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

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

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