textarea高度和滚动条问题

我想要的是仅仅有下面代码运行时的效果
<div style="width:800px;height:160px;background-color:#FFFBD7; border:2px solid #FFBC94">
  <textarea name="text1" style="width:100%;height:100%;overflow-Y:visible;"></textarea>
</div>
但加上了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
之后，textarea 的高度和滚动条都不符合要求了，
如何解决？？

解决方案 »

  1.   

    建议LZ使用strict.dtd
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">具体解释：http://www.w3cn.org/article/step/2004/26.html
      

  2.   

    不同的dtd，对标签的解释不同
      

  3.   

    这个效果貌似以前讨论过FF下和IE下还是有区别的
      

  4.   

    在IE下运行即可。首先按布局textarea能够自动增加高度，
    其次输入内容过多时，又能自动增加高度，皆不会出现滚动条。但加入<!DOCTYPE ......
    后，效果全部丢失了。
    --- 在IE6：不出现滚动条，但高度仅有一行
    --- 在IE7：出现滚动条，高度仅有一行
      

  5.   

    IE7的许多规则已经接近FF的了你这个效果记得之前开贴讨论过了