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

[Ferox]

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

Нужно сверстать такую страничку:

|-------|-------------|--------|
|       |             |        |
|       |             |        |
|   1   |     2       |   3    |
|       |             |        |
|       |             |        |
|-------|-------------|--------|
|                              |
|-------|-------------|--------|

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

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

 

[profi]

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

 

[Ferox]

В третьем поле контенту потребуется заведомо меньше места чем остается свободно на экране броузера... Проблема не в этом. Пусть даже поле 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>
...
Только не знаю можно ли так сделать? И если можно то как? Могут ли Стилям присваиваться значения вычисляемы арифметическими функциями?