Знатокам CSS. Заставить input:text вести себя по-блочному

[akxxiv]

Господа, айнидхелп.

Есть ли возможность, заставить input текстовый растягиваться во всю длину блока, но не ставя при этом ему 100%. Опишу суть проблемы

<div class="widht-300px">
	   <div class="float-left">Здесь будет лэйбл</div>
	   <input type="text" class="block" />
</div>

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

[psywalker]

Ты сделай лучше по другому.

Слева сделай лейбл, флоат-лефтом. А справа уже див с импутом. А див растяни уже, а импут в нём сделай 100% ширины

[akxxiv]

Так все равно если задать инпуту 100%-ю ширину и не задавать фиксированой ширины его окружающему диву,он растянется на 100%, т.е. съедит вниз.

[Justnewone]

Так все равно если задать инпуту 100%-ю ширину и не задавать фиксированой ширины его окружающему диву,он растянется на 100%, т.е. съедит вниз.

95 или на глаз ченеть. чтоб не ехало. А иначе никак. INPUT растягиваться без ширины не будет.

[rash]

Скажу страшную вещь: нужна таблица.

[akxxiv]

Хм. Вручную и стаблицами не катит. На странице больше 200 форм, и для каждой ширину выставлять.... Видимо придется жабаскрипту поработать.....

[psywalker]

Да вы чё ребят, без проблемная хрень, слева лейбл-флоат, справа див растянут, в нём импут на 100%, в чём проблема?

<div class="wrap"><label>Label</label><div class="right"><input type="text" value="Text" /></div></div>

[akxxiv]

Да вы чё ребят, без проблемная хрень, слева лейбл-флоат, справа див растянут, в нём импут на 100%, в чём проблема?

Может я тебя плохо понял... Можешь код показать? Или у меня к вечеру с головой что-то...

--Опаздал. Ща попробую...

Edited January 14, 2010 by akxxiv

[psywalker]

<div class="wrap"><label style="float: left; width: 100px; border: 1px solid #999; margin-right: 10px;">Label</label><div class="right" style="overflow: hidden; padding-right: 10px;"><input type="text" value="Text" style="width: 100%; display: block;"/></div></div>

[rus]

<input type="text" value="Text" style="width: 100%; display: block;"/>

Хе-хе:

заставить input текстовый растягиваться во всю длину блока, но не ставя при этом ему 100%

[akxxiv]

Слушай, а ведь действительно. Что-то я ступил.

[Justnewone]

Скажу страшную вещь: нужна таблица.

а че тут таблица?

[rash]

Хм. Вручную и стаблицами не катит. На странице больше 200 форм, и для каждой ширину выставлять.... Видимо придется жабаскрипту поработать.....

Меня как раз смущает необходимость фиксированной ширины для лейбла. Таблица эту проблему решает.

Чем вас пугает 200 форм?

[psywalker]

Хе-хе:

Всё правильно, я просто сразу понял, почему он НЕ хотел ставить инпуту ширину.

Меня как раз смущает необходимость фиксированной ширины для лейбла. Таблица эту проблему решает.

Чем вас пугает 200 форм?

Без базара дружище, заполняй лейбл как угодно

<div class="wrap">
	<label style="float: left; min-width: 100px; border: 1px solid #999; margin-right: 10px;">Labelsfdsfsfsdgdgdgd gd fdg f</label>
	<div class="right" style="overflow: hidden; padding-right: 10px;">
		<input type="text" value="Text" style="width: 100%; display: block;"/>
	</div>
</div>

[rash]

Хм, ну да, точно. Туплю.