webForumDet fria alternativet

100% textarea tar bort marginal

HTML & CSS

3 svar · 220 visningar · startad av inspiro

Medlem sedan sep. 2005673 inlägg
Frågan#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>
Medlem sedan juni 2003771 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>
Medlem 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.

Medlem 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.

263 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
128 ms — ändringar (db)