Подравняване на ширините на DropdownList и TextBox в таблица

Имам таблица с 1 колона. В тази колона има редове с текстово поле или с падащ списък. Това, което искам сега, е тези контроли да имат еднаква ширина. Затова зададох ширината на контролите на 100%. Резултатът обаче е, че падащите списъци са около 5-10px по-къси от текстовите полета. Опитах настройка:

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