How to display some info neatly

Question

I am trying to display three things in a row on a page.
First, a string of text saying "Name", second a Textbox, third a button that says "Submit".
What is the best way to display this row of objects by having the width of the screen that shows the string only be the width of the string; the button aligned to the right, taking up only as much width as the button needs to show the text on it; and the TextBox in between those 2 things filling up the width between them? So, if the screen is resized the "Name" string and search button stay the same widths on either edge of the screen, but the textbox will shrink or expand but still fill up the entire width between the other two objects.
I tried using percentages for the object widths, but I'm not getting the results I want. Any ideas?

Sam Hobbs · Answer

I am sorry I did not notice that this is a web page. I replied as if it is a desktop application not a web page. I hope that the concepts of my reply are useful but the details are likely to be incorrect.

Matt · Answer

Actually I don't quite understand. I started learning ASP.NET about a week ago so there's a lot I don't know. First of all should this code go on my .aspx page or the .aspx.cs page? How do I access ClientSize? And where does the OnSize event handler come from? Sorry if these seem like trivial questions; I'm new this. I do have to figure this out very soon - any pointers in the right direction or example code/pseudocode would be of great help. I've attached my source code; could you point out where I would insert the code and what it would look like; I'm having trouble understanding where the size checking takes place.

Matt · Answer

Hi Sam That is indeed what I am trying to do! I will give it a shot. Sorry my last message was so confusing; I was writing in haste because I was running late for something. Matt

Sam Hobbs · Answer

I am not sure I understand what you are asking. I think you are saying that you have a Name at the left side and a button at the right side and you want the textbox in the middle and you want only the textbox to adjust in size. If that is correct then what I would do is that in the form constructor I would subract the left side of the button from the ClientSize width giving the position of the button relative to the left side of the window. I would also save the difference of the button's left side minus the textbox's right side. The right side can be determined by adding the left side to the width. Then in the OnSize event handler I would set the button's position based on the ClientSize minus the position determined previously and set the textbox width based on the new position of the button. I hope that is not too complicated.