« 2011年1月 | トップページ | 2011年5月 »

2011年4月

Firefox4のテキストエリア

Firefox4にバージョンアップした際に、htmlのコーディングで影響があったのはテキストエリアぐらいでした。

Safariやクロームと同じく右下端のアイコンを引っ張るとテキストエリアが縦横無尽に伸びます。

01

02

これを防ぐ方法は、textareaに「width: 250px;」、「height: 100px;」とCSSで指定していた場合、「max-width: 250px;」、「min-width: 250px;」、 「max-height: 100px;」、「min-height: 100px;」と通常時の幅や高さと同じ値の「max-width」、「min-width」、「max-height」、「min-height」を指定してやると伸縮を防ぐことができます。

03_2

| | コメント (0) | トラックバック (0)

« 2011年1月 | トップページ | 2011年5月 »