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

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

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

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

サンプル

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

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

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

<?xml	version="1.0" charset="UTF-8"?>

Comments:0

Comment Form

Trackback+Pingback:0

TrackBack URL for this entry
http://blog.bornneet.com/TrackBack/215/
Listed below are links to weblogs that reference
IE7-でtextarea { height: 100%; border: none; }が効かない from Born Neet

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

Page Top