webForumDet fria alternativet

100% textarea tar bort marginal

3 svar · 218 visningar · startad av inspiro

inspiroMedlem sedan sep. 2005673 inlägg
#1

Jag har en div med padding. I diven finns en tabell med 2 kolumner. I den högra kolumnen finns en textarea som ska vara dynamiskt bred 100%. Problemet är att paddingen då inte fungerar i högerkanten... även om jag har padding-right:10px så blir den 0!

<div style="width:500px;[B]padding:10px[/B]">
  <table width="100%">
    <tr>
      <td></td>
      <td>[B]<textarea style="width:100%">[/B]</td>
    <tr>
  </table>
</div>
bossseMedlem sedan juni 2003772 inlägg
#2

Vet inte om jag har förstått frågan riktigt.

<html> 
<head>
</head> 
<body> 
<div style="width:500px;padding:10px; border:1px solid black;">
<table width="100%">
<tr>
<td></td>
<td>
<textarea style="width:100%;padding-left:10px;">
10 punkter från vänsterkanten i textarean.
Textarea ska ha avslutningstagg.
Dessutom är koden för tabellen felaktig.
</textarea
</td>
</tr>
</table>
</div>
</body> 
</html>
inspiroMedlem sedan sep. 2005673 inlägg
#3

Problemet är alltså marginalen i högerkanten. Om jag sätter textarean till 100% bredd så lägger den sig precis intill divens högerkant trots att jag har padding i diven. Jag kan inte sätta margin eller padding på själva textarean eftersom den ändå tränger ut hela tabellen mot högerkanten.

TroxyMedlem sedan mars 20041 505 inlägg
#4

Detta är vad jag vet en bugg i IE. Till en början är textarean 100%, men när man skriver ett tecken i den händer det mystiska saker med bredden.

134 ms totalt · 3 externa anrop · v20260731065814-full.fb544a5a
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)