Автоматическое заполнение ширины вводимого текста на 100% с другими плавающими элементами

у меня есть следующий макет для окна поиска с:

Person Name

(это очень упрощено для демонстрации)

  • Заголовок в «области действия» — это текст, длина которого может быть переменной

Мне бы хотелось, чтобы элемент ввода текста заполнял все доступное пространство (например, желтое пространство), сохраняя при этом кнопку поиска справа.

Полный пример с CSS находится в скрипке

Какой самый простой способ реализовать решение, работающее в IE7+, FF, Safari и т. д.?

Спасибо!

15
задан jmserra 20 April 2012 в 10:59
поделиться