textarea со 100% шириной игнорирует ширину родительского элемента в IE7

Question

У меня есть следующая текстовая область в таблице:

<table width="300"><tr><td>

<textarea style="width:100%">
longstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstringlongstring
</textarea>

</td></tr></table>

С длинной строкой в ​​текстовой области текстовая область растягивается, чтобы разместить ее в одной строке в IE7, но сохраняет ширину 300 пикселей в других браузерах.

Есть идеи, как это исправить в IE?

Answer 1

или как насчет:

overflow: scroll;

Edit:

Я действительно проверял это. Я думаю, что поведение таково, потому что ширина указана на столе, что, как мне кажется (мне нечего подкрепить), я давно прочитал, что ширина таблицы составляет рекомендуемая ширина, но ее можно увеличить приспособить его содержание. Точно сказать не могу. Я знаю, если вы используете <DIV> вместо таблицы, это работает. Кроме того, если вы примените ширину 300 пикселей к содержащему элементу <TD>, а не к элементу <TABLE>, это также будет работать. Кроме того, overflow: scroll ничего не делает! : P

Отличное поведение IE, конечно!

Answer 2

ты пробовал ...

overflow: hidden;

??

Я не уверен, должно ли это быть в таблице textarea ... немного поэкспериментируйте