Банальный веб сайт
Есть три области


— Все три целиком растянуты на ширину страницы
— Области A и C имеют одинаковый размер
— Область B должна иметь размер 500px
— если не влезает на страницу, то сначала должны уменьшаться области A и C, и только потом B

Весь мозг сломал
Помогите, пожалуйста, как это сделать?

Пытаюсь через
<table>
<tr>
<td>
<td width=500>
<td>
</table>

Но нестабильно работает
То есть какие-то мелкие изменения внутри областей приводят к тому, что область B становится больше чем 500px, без каких либо на то причин