Как установить фиксированную ширину границы таблицы для ширины переменных ячеек

Question

У меня есть несколько RadiobuttonLists, и все тексты меток для элементов списка имеют разную ширину. Например.

RadioButtonList # 1

(o) this is a really long label   [textbox] 

(o) this is another really long label [textbox] 

RadioButtonList # 2

(o) short label [textbox] 

(o) short   [textbox] 

Как вы можете видеть, текстовые поля, естественно, установить свое место в фиксированном положении длинной метки для каждого набора RadioButtonList. Это то, что я хочу. (The RadioButtonList и Textboxes каждый сидит в <td> в <tables>.)

Однако, у меня есть границы вокруг каждой таблиц на всех 4-х сторон (так себе светло-голубой фон, который сидит под моими примерами выше, чтобы быть граница).

Мне нужны все таблицы одинаковой ширины, т.е. ширина 800 пикселей.

Поскольку я не знаю ширины первых 2 <td>, как я могу обеспечить, чтобы они составляли до 800 пикселей?

Любые идеи?

Answer 1

Вы должны иметь возможность контролировать это, используя простые правила CSS. Вы можете установить ширину таблицы 800px, затем установить ширину полей ввода и позволить заполнению td до максимальной ширины. взглянуть на эту скрипку для примера .. http://jsfiddle.net/JLF2n/

table{width:500px;background-color:#0af;border:2px solid #00f;padding:4px;} 

td{border:2px solid #0f0;background-color:#afa;} 
td+td{border:2px solid #ff0;background-color:#cc0;width:100px;} 
input{width:100px;} 

надеюсь, что это помогает