IE6/IE7 入力欄のサイズを制御できない問題のためのテストページ

上段には空欄、下段には沢山入力した入力欄を置いてみた。赤い枠が出ているのは、<table>タグにつけた border。

<table>タグに入っていない。

このパターンでは、入力欄の幅がパーセント指定でも特に問題は起きない。

パーセント幅の<table>タグに入れ子。

上段の表示は意図した通りだが、下段の表示は、入力された値の量に応じて幅が大きくなってしまっている。

ピクセル固定幅の<table>タグに入れ子。

下段の表示も一見して正常化されたように見えるが、実は親要素の<table>タグが押し広げられてしまっているので、IEは見えない何かの領域を確保してしまっていることがわかる。

入力欄の幅をピクセル固定にし、パーセント幅の<table>タグに入れ子。

入力欄の幅をピクセル幅固定にすれば伸びなくなる。。