EMのバグの回避策でのMozilla 3.0.8とChromeは、高さ

StackOverflow https://stackoverflow.com/questions/789479

質問

私が持っているのテキストエリアの内部にのDIV の

<div id="textareawrapper">
  <textarea id="chat"></textarea>
</div>

...とのCSS の

#textareawrapper {
    border 1px dashed pink;
    margin:0;padding:0;
    position: absolute;bottom: 0em;left:7.5em;right:7.5em;height: 7em;
}
#textareawrapper textarea {margin:0;padding:0;width: 100%;height:7em;}

IE 7は罰金それをレンダリング：のテキストエリアのの高さは、ラッピングのDIV のの高さと同じです。 MozillaとChromeで包装DIVは7em高いレンダリングされるが、TEXTAREAの底部とDIVの下部境界との間に隙間が存在するようTEXTAREAは、十分ハイト一部20-25pxありません。いずれかがこの問題を解決する方法を知っていますか？

役に立ちましたか？

解決

（EMSは、テキストサイズに関連するように）テキストエリアは、デフォルトで異なるフォントを使用しているので、サイズが異なっている。

このを追加します：

#textareawrapper textarea { font-size: 100%; font-family: inherit; }

タグFF3でテスト＆ワーキング
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top