Выравнивание ширины DropdownList и TextBox в таблице

У меня есть таблица с 1 столбцом. В этом столбце есть либо строки с текстовым полем, либо с выпадающим списком. Теперь я хочу, чтобы эти элементы управления имели одинаковую ширину. Поэтому я установил ширину элементов управления на 100%. Однако в результате выпадающие списки на 5-10 пикселей короче, чем текстовые поля. Я попытался установить:

Width="100%"

так же как:

style="width: 100%"

Но успеха нет. В конструкторе Visual Studio ширина правильная для всех элементов управления. Но в Firefox, Chrome или даже IE выпадающие списки короче.

Предложения, пожалуйста :)


drop-down-menu alignment asp.net css-tables textbox
person Cleo    schedule 19.03.2013    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Я видел эту работу с использованием box-sizing:

input, select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

Демонстрация JS Fiddle

person sgeddes    schedule 19.03.2013
comment
Спасибо, наконец-то решение этой проблемы с CSS;) - person Cleo; 20.03.2013