Я переработал мой образец шаблона, чтобы вы могли увидеть все три запрошенных вами формата в действии.
Это решение CSS, без таблиц. Я настроил это так, чтобы боковые столбцы были фиксированной ширины, а верхний / нижний колонтитулы фиксированной высоты. Все остальное - жидкость.
Во всех современных браузерах, за исключением IE7, контент центрируется как по вертикали, так и по горизонтали. IE7 имеет проблемы с блочной моделью. Я полагаю, что IE8 разрешил эти проблемы.
Центральная ячейка центрируется по вертикали в IE7, потому что я вложил таблицу с 1 ячейкой в центральную ячейку, как решение проблем с блочной моделью IE7. Я знаю, что это глупо и безобразно, но это было просто, чтобы показать, что это сработало.
Посмотрите это в действии - Полноэкранный макет с тремя столбцами
Я немного удивлен, что этот ответ не набрал ни одного голоса и не получил награду. Это работает, это просто, и это выполняет все, что запросил OP. Ну хорошо.
CSS
DIV { text-align: center }
#h0, #f0 { float: left; clear: both }
#h1, #f1 { height: 100px; float: none; width: 800px }
#l0 { float: left; clear: left; }
#c0, #r0 { float: left; clear: none }
#l1, #r1 { width: 150px }
#c1 { width: 500px }
#l1, #r1, #c1 { height: 350px }
#h0, #f0 { background-color: orange }
#l0 { background-color: red }
#r0 { background-color: blue }
#c0 { background-color: yellow }
#h1, #f1, #l1, #r1, #c1
{ display: table-cell; vertical-align: middle; }
HTML
<div id="h0"><div id="h1">
header
</div></div>
<div id="l0"><div id="l1">
left column
</div></div>
<div id="c0"><div id="c1">
<img alt="dilbert (3K)" src="../gif/dilbert.gif" height="82" width="80" />
</div></div>
<div id="r0"><div id="r1">
right column
</div></div>
<div id="f0"><div id="f1">
footer
</div></div>