Input box 100% width?

I want my input boxes to fill the full available space. Whether that be a <td> with a set width or a simple line with some text before it...

is there some way to accomplish this?

 

maby by using css?

input.search { width: 100%; border: none; background: #FFF url(input.gif); padding: 4px; color: #808080; }

Code (markup):

 

if you do 100% width then, it does ONE HUNDRED PERCENT width, regardless of what else is on the same line...

 

OR how could I make the text box automatically adjust to the width of the text in it?

 

Put it in a table and make the cell that has the text box 100% in width.

Simple example:

<table width="100%">
<tr>
<td>
CONTENT GOES HERE
</td>
<td width="100%">
<form>
<input type="text" style="width: 100%;">
</form>
</td>
</tr>
</table>

Code (markup):

 

Or you could create a div with a fixed pixel width and put the input box inside that with a width of 100%.

 

http://javascript.internet.com/forms/textbox-expander.html

 

That might actually come in really handy! THANKS!

 

No problem, when I saw it I remembered reading this thread a few days ago, so I dug it back up and posted.

Enjoy!