webForumDet fria alternativet

100% hög och bred textarea?

HTML & CSS

6 svar · 360 visningar · startad av Travoni

Medlem sedan okt. 20041 556 inlägg
Frågan#1

Hur skapar man en texterea som är 100% hög och bred i förhållande till en tabellcell eller en div?
Har testat lite olika modeller utan att lyckas.
<div style="height:500px; width:500px;"><textarea>100%</textarea></div>

Medlem sedan dec. 20042 245 inlägg
#2
<div style="height:500px; width:500px;">
 <textarea style="height:100%; width:100%;">100%</textarea>
</div>
Medlem sedan okt. 20041 556 inlägg
#3

Ok, men detta då?
Det funkar i Safari och FF men inte i IE för PC.

<table width="500">
	<tr>
		<td width="50%">
		Text Text Text Text <br>
		Text Text Text Text <br>
		Text Text Text Text <br>
		Text Text Text Text <br>
		Text Text Text Text <br>
		Text Text Text Text <br>
		Text Text Text Text <br>
		</td>
		<td>
		<textarea cols="20" rows="2" style="height:100%;">100%?</textarea>
		</td>
	</tr>
</table>
Medlem sedan dec. 20042 245 inlägg
#4

Enligt specen så är det odefinierat vilka CSS-egenskaper som gäller för formulärobjekt.

IE verkar dock ha stöd för 'height' på <textarea>, men det är som mycket annat ganska buggigt. :)

Medlem sedan okt. 20041 556 inlägg
#5

Ingen som kan någon workaround här?

Medlem sedan dec. 20042 245 inlägg
#6
<table width="500">
	<tr>
		<td width="50%" [b]style="height:100%;"[/b]>
		Text Text Text Text <br>
		Text Text Text Text <br>
		Text Text Text Text <br>
		Text Text Text Text <br>
		Text Text Text Text <br>
		Text Text Text Text <br>
		Text Text Text Text <br>
		</td>
		<td>
		<textarea cols="20" rows="2" style="height:100%;">100%?</textarea>
		</td>
	</tr>
</table>
Medlem sedan okt. 20041 556 inlägg
#7

Härligt!

266 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)