Динамическая ширина формы

werthwerth

Задача такая. В окне на всю ширину в одну строку форма, состоящая из текстового поля(слева) и кнопки(справа). Так вот, задача сделать так, что бы текстовое поле занимало все пространство от левого края до кнопки. То есть мелкая кнопка справа и на всю остальную длину поле инпут вне зависимости от ширины окна. Помогите, пол дня долблюсь.
2 ответа

werthwerth

werthwerth, если есть возможность обернуть элементы формы в дополнительный элемент, то можно сделать так:
<form>
    <div>
        <input type="text">
    </div>
    <div>
        <input type="button" value="GO">
    </div>
</form>
form {
    display: table;
    width: 100%;
}
form div {
    display: table-cell;
}
div:first-child, 
div:first-child input{
    width: 100%;
}


werthwerth

div:first-child
Вот за это тебе огроменнейшее спасибо. Очень полезный псевдокласс, мне его очень не хватало ) То, что нужно.