忍者ブログ

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

[PR]

  • 2017-01-21

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; }が効かない

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

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です。

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

Comments:0

Comment Form

Trackback+Pingback:0

TrackBack URL for this entry
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; }が効かない

Search
Loading
Feeds
Links
スポンサードリンク
Ad
デル株式会社
Ad

Page Top