[CSS]Wysokość <textarea> dostosowująca się do ilości tekstu Opcje

[sadistic_son]

Witajcie,
Sprawa z pozoru prosta. Wynik z SELECT * wrzucam do <textarea> oddzielnie każdy rekord. To pole textarea ma ustaloną szerokość ale w zależności od ilości tekstu ma się rozszerzać w pionie. Jak? Height:100% nie daje efektu.

[CSS] pobierz, plaintext 
.message_box{
	height:100%;
	width:500px;
}
 
.message_body textarea{
	width:100%;
	height:100%;
}
[CSS] pobierz, plaintext 

[PHP] pobierz, plaintext 
while($row=mysql_fetch_row($result)){
 
echo '<div class="message_box">';
 
echo '<div class="message_body"><textarea>'.$row[2].'</textarea></div>';
 
echo '</div>';
}
[PHP] pobierz, plaintext 

Dzięki z góry.


No chyba, że nospor zaraz zamknie odsyłając mnie do samouczka.

Ten post edytował sadistic_son 13.10.2016, 15:53:02

[sadistic_son]

No dobra, teraz przejrzałem dokładniej odpowiedzi, kilka z nich użyłem. To nawet robi mniej więcej to o co mi chodzi:

[HTML] pobierz, plaintext 
<textarea id="autosize" style="width:200px;">a
b
c</textarea>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/autosize.js/1.18.4/jquery.autosize.min.js"></script>
<script>$('#autosize').autosize()</script>
[HTML] pobierz, plaintext 

Ale raz, że tutaj uzyte są zewnętrzne skrypty. A dwa, że w ogóle wolę uniknąć Javascripta, jako że strona będzie śmigać od PCtów przez MACe, Androidy, na IOSach kończąc. Tak, wiem, można to wszystko zoptymalizować pod każdą przeglądarkę, ale dla mnie to bez sensu korzystać z takiego rozwiązania skoro da się to zrobić CSSem (tak myślę).



EDIT: Panowiedzięki, będą plusiki, jeśli nie da się znaleźć rozwiązania CSS'em. Na razie nie daję "pomógł" bo inni przestaną zaglądać do tematu;)

Ten post edytował sadistic_son 18.10.2016, 16:25:12