Rozciągające się textarea

0

Mam na stronie diva 'top' który jest na gorze na cala szerokość i powiedzmy 60px wysokości. Następnie potrzebuję zrobić textarea na całą szerokość i wysokość równą pozostałego miejsca. Jeśli textu w textarea będzie więcej niż się mieści na ekranie pojawi się pasek przewijania(ale tylko dla textarea, strona nie będzie miała możliwości przewijania). Wymiękłem przy próbie ostylowania tego, ktoś ma jakiś pomysł?

główny zarys wygląda tak:

<body>
   <div id="top"></div>
   <textarea></textarea>
</body>

i style

 html, body {
    width: 100%;
    height: 100%;
}

 #top {
    width: 100%;
    height: 60px;
}

  textarea {
    width: 100%;
    height: calc(100%-60px); /* to chyba nie jest cross browser? */
}
1

http://stackoverflow.com/questions/1192783/css-how-to-set-div-height-100-minus-npx
otocz minus w calc spacjami żeby zadziałało
tu masz wsparcie dla tego: http://caniuse.com/calc - ogólnie lepiej się jeszcze trochę wstrzymać z używaniem tego

najłatwiej by było gdybyś jednak się zdecydował żeby div "top" też miał procentową wysokość

1 użytkowników online, w tym zalogowanych: 0, gości: 1