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? */
}