Высота элементов формы в опере

[wildhind]

Форма расположена в строчку, в ней присутствуют элементы <label>, <input>, <button>, <select>. Этим элементам заданы одинаковые font-size, height, line-height, padding, margin.

В большинстве браузеров всё в порядке, но в Опере высота элементов значительно отличается даже на глаз, хотя DragonFly считает, что высота одинаковая. Притом Опера на маке показывает только смещённый вверх <select>, а Опера на Windows 7 показывает смещённый вниз <select> и приплюснутый <button>.

Тестовая версия сайта здесь: http://domosed.agroup.tmweb.ru/ Речь о горизонтально расположенной форме фильтра в верхней части.

Заказчик Оперу очень любит и в таком виде не примет.

Как сделать, чтобы всё было ровно?

[psywalker]

vertical-align: middle; попробуй

[wildhind]

vertical-align: middle уже опробован, в том числе и в сочетании с display: table-cell — никакого эффекта.

[photograf]

Удалось решить проблему? Если да, то как?

Столкнулся с похожим, но только в строке формы: input, submit и чекбоксы. Если равнять в опере - сыпется в остальных, при чем хром выдает элементы выше, а ИЕ ниже строки.

Ищу решение

[wildhind]

Как-то удалось, но уже не помню как. Это было давно, а я только учусь, информация переполняет голову, не вся удерживается

По тому же адресу всё так же и располагается та же тестовая версия, но уже всё ровно.

[psywalker]

Как-то удалось, но уже не помню как. Это было давно, а я только учусь, информация переполняет голову, не вся удерживается

По тому же адресу всё так же и располагается та же тестовая версия, но уже всё ровно.

На будущее. Убирай высоту и инпутов и настраивай их паддингами.

[wildhind]

а как добиться одинаковой результирующей высоты, если не задавать явно height?

[psywalker]

а как добиться одинаковой результирующей высоты, если не задавать явно height?

Регулируй паддингами.

[photograf]

Регулируй паддингами.

Это улучшит кроссбраузерное отображение?