Element input mit Breite versehen

[Daniel N.]

Hallo,

ich möchte ein Formular erstellen, dass mit Hilfe einer Tabelle aufgebaut wird. Die darin enthaltenen Input-Elemente sollen die gesamte - durch die Tabellenspalten vorgegebenen - Breite in Anspruch nehmen.

Wenn ich für input die width mit "width: 100%" angebe, ragt das Eingabefeld über die Tabelle hinaus. Verwende ich statt input ein div, funktioniert die Darstellung so wie gedacht.

Hier ein kleines Beispiel zur Veranschaulichung:

  
<table style="width:600px">  
 <tr>  
  <td style="width:50%;">  
   <input type="text" value="input: nicht ganze Breite"  
    style="border: 5px solid green;" />  
  </td>  
 </tr>  
 <tr>  
  <td style="width:50%;">  
   <input type="text" value="input: width:100% --> mehr als ganze Breite"  
    style="width:100%;border: 5px solid green;" />  
  </td>  
 </tr>  
 <tr>  
  <td style="width:50%">  
   <div style="border: 5px solid green;">div: ganze Breite</div>  
  </td>  
 </tr>  
</table>  

Was mache ich falsch und wie mache ich es richtig?

Viele Grüße und vielen Dank
Daniel