Справка CSS - 3 колонки, 2 жидкости, 1 фиксированная

Question

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

У меня есть три деления в одном делении ширины жидкости.Два справа имеют неопределенную ширину и должны занимать 100% их разрешенного пространства.Полный div уже текуч.И крайний правый div должен иметь ширину 200 пикселей, и это исправлено.Вроде как это:

[ [fluid(label)] [fluid(textbox)] [fixed=200(div)] ]

Я пытаюсь найти способ сделать это в CSS.

Заранее спасибо ...

edit: Вотhtml

<footer>
    <form method="POST" action="/" id="input">
        <label for="message" form="input" class="username">Will:</label>
        <textarea id="message" cols="0" rows="0" autofocus form="input" wrap="hard" name="message"></textarea>
        <div id="buttons">
            <button type="submit" form="input" class="button medium" name="send" value="Send">Send
            </button>
            <button type="button" form="input" class="button medium" name="extras" value="Extras"><span>Extras</span><span>^</span>
            </button>
        </div>
    </form>
</footer>

Answer 1

вы можете попробовать использовать display: table-cell - но вам понадобится дополнительный div для текстовой области:

http://jsfiddle.net/tU6w2/

(хотя я должен добавить, что это не будет работать в IE7 - он не поддерживает ячейку таблицы)

EDIT

в ответ на дополнительные комментарии, еще одна попытка - на этот раз с jQuery - не думаю, что это можно сделать только в CSS:

http://jsfiddle.net/tU6w2/1/