Конвертировать таблицу жидкости в div / css

Question

Как я могу преобразовать эту таблицу с 3 столбцами, используя только div? Обратите внимание, что первый и третий столбцы являются текучими, и только второй (средний) столбец имеет фиксированную ширину.

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="background-color:#CCC;">left</td>
    <td style="width:940px; background-color:#0CF;">middle</td>
    <td style="background-color:#FF9;">right</td>
  </tr>
</table>

Answer 1

Возможно, это поможет: http://matthewjamestaylor.com/blog/perfect-3-column.htm

Эта проблема не так проста, как вы думаете.Это просто, чтобы установить 3 деления бок о бок и иметь ширину всего этого вести себя так, как вы хотите.Получить высоту всех трех из этих div'ов, чтобы они вели себя так, как вам нужно, немного сложнее.

Эта статья, хотя и не является учебником, специально для вашей проблемы, может дать вам некоторые хорошие идеи и идеи: http://www.alistapart.com/articles/css-positioning-101/

Редактировать: Более конкретная статья на ваш вопрос: http://www.alistapart.com/articles/holygrail/

Answer 2

В этой статье объясняется, как выполнить макет на основе DIV, который вы хотите: http://www.barelyfitz.com/screencast/html-training/css/positioning/

По сути, сделайте контейнер DIV шириной 100%, затем поместите в него 3 "столбца" DIV.