Обработка ресайза div элемента

[mutabor]

Суть такова: есть див, в нем есть разные инпуты, и один текстовый. Так вот этот текстовый нужно чтобы подстраивался под оставшееся свободное место. Задавать ему ширину в процентах в CSS не выход, т.к. пропрорционально не нужно, а нужно именно на определенное значение меньше ширины блока.

Формула такая: ширина <input> = ширина <div> - x. Где x - постоянная константа.

Пришел к выводу, что нужно скрипт написать. Не получается обработать ресайз блоку. Или можно все таки через CSS?

[Виталий Желтяков]

min-width, для IE меньше 8 используем хак.

[mutabor]

Я имел ввиду резиновую верстку.
Уже разобрался. Скрипт не работал, потому что в body нужно обработчик прописывать. А вообще сделал без скрипта, обернул инпут в див, и задал ему 100% ширину, а див уже тянется как нужно. Потом сообразил еще, что этого же можно добиться, сделав input блоковым.

[InternetStranger]

Можно узнать, как Вы вот этого добились? Очень интересно посмотреть

Сообщение от mutabor

Формула такая: ширина <input> = ширина <div> - x. Где x - постоянная константа.

То что блоковое позиционирование, это понятно. Не понятно как сделать на фиксированное число "px" меньше контейнера.
Раньше мне это казалось это невозможным (на чистом CSS).

UPD: раньше решал подобные задачи на js - есть такое событие - onresize

[mutabor]

Сообщение от InternetStranger

Можно узнать, как Вы вот этого добились? Очень интересно посмотреть

Я на словах объясню. Задал родителю относительное позиционирование (position: relative). А инпуту (или блоку-обертке) абсолютное. Если юзать инпут без обертки, тогда нужно сделать его блочным (display: block), но так это не работает в IE и в Firefox. Так что я сделал обертку (div). Т.к. у обертки позиция абсолютная, то можно задать отступы от границ родителя, что и делаем - left: Npx; right: Npx; где N - нужное число пикселей. А инпуту задаем ширину 100%. Это всё, теперь все тянется как нужно!

[InternetStranger]

Аа. Ну да. Если с абсолютным позиционированием- то получится Спасибо.