Как сверставть в <DIV> ах?

Как сверставть в <DIV> ах?

Нужно сверстать такую страничку:
Ширина поля 1 - фиксированная,
Ширина поля 2 - столько, сколько потребует контент,
Шириня поля 3 либо все остальное да края окна броузера, либо вообще не важно, т.е. до края окна броузера может оставаться пустое место. Но контент в поле 3 тоже есть, т.е. это поле не пустое.

Требуется, чтобы по HTML-коду сначала шел код поля 2.

Для первого и третьего поля задать фиксир. ширину в пикселях, , а 2-е поле займет все оставшееся место.
С третьим полем не все понятно, если в нем есть контетнт, то какой... и сколько ему может потребоваться места.
Как вариант еще можно для 1 поля-фиксир. ширина,
для 2 поля- процент от оставшегося места.
ну 3-ему останется остальное место

В третьем поле контенту потребуется заведомо меньше места чем остается свободно на экране броузера... Проблема не в этом. Пусть даже поле 2 и поле 3 объеденины в одно. Проблема разместить поля 1 и 2. Задать им position:absolute нельзя, т.к. тогда улетит вверх боттом.

Если писать так:
<div style="position:relative; left:200px; float:left">
2,3
</div>
<div style="float:right; width:200px">
1
</div>
То поле 1 не становится на свое место.

Хочется написать что-то наподобие:
<div style="float:left; width:client-width - 200px">
2,3
</div>
...
Только не знаю можно ли так сделать? И если можно то как? Могут ли Стилям присваиваться значения вычисляемы арифметическими функциями?