Textarea 100% высота в IE - PullRequest
       31

Textarea 100% высота в IE

1 голос
/ 14 июня 2010

Как мне заставить мой <textarea> иметь высоту 100% и работать в IE7 / 6?height:100% отлично работает во всех других браузерах, но IE просто не хочет принимать ничего, кроме определенных значений.Javascript - это возможное решение.

Ответы [ 2 ]

6 голосов
/ 14 июня 2010

Чтобы элемент достиг 100% высоты в IE6, вам нужно будет указать фиксированную высоту его родительского элемента. Если вы хотите сделать элемент во всю длину вашей страницы, примените height: 100%; для элементов html и body.

/*100% height of the parent element for IE6*/ 
#parent {height:500px;}
#child {height:100%;}

/*100% of the page length for IE6*/ 
html, body {height:100%;}
#fullLength {height:100%;}

Взято из: http://www.virtuosimedia.com/

Полагаю, то же самое относится и к IE7.

3 голосов
/ 25 августа 2011

Я хочу оставить здесь ответ, потому что у меня та же проблема, и ответ выше не совсем полезен.

Для всех браузеров, кроме IE6-7

  div#parent {height:500px;}
  textarea#child {height:100%;}

Но для IE6-7 нужно установить:

  textarea#child {
      height:100%;
      position: absolute;
  }
...