Благодарю за код, Aykroyd!
Практически всё сделал, ...правда незнаю как будет выглядеть мой сайт на других машинах. Когда все доверстаю, сброшу ссылку, чтобы было понятно по какой причине я вам тут надоедал а то всё пытался "на пальцах" объяснить, наверное многим не понятно в чём вообще суть.
Сейчас не могу решить одну очень банальную задачу:
на некоторых страницах информации очень мало, и указанный фон (страница отцентрирована) опускается только на точно указанный размер. а мне нужно чтобы страница растягивалась до нижнего края окна, при любом разрешении монитора. Тоесть если я указываю размеры в пикселях, то размер держит точно, а если указываю что поле под текстом или картинками должно быть 100% и заполнять всю нижнюю часть экрана - не работает вообще. Как с этим бороться?
Вот упрощённый код (убрал тексты и стили)

<table width="1000" height="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="25" height="100%" style="background:url(index/left_shadow.jpg); background-repeat: repeat-y"></td>
<td width="950" height="100%" background="index/background_info.jpg">
<table width="950" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="950" height="35" colspan="3"></td>
</tr>
<tr valign="top">
<td width="35" height="100%"></td>
<td width="880">
Текстовая информация.
</td>
<td width="35" height="100%"></td>
</tr>
<tr>
<td width="950" height="75" colspan="3"></td>
</tr>
<tr>
<td width="950" height="100%" colspan="3"></td>
</tr>
</table>
</td>
<td width="25" height="100%" style="background:url(index/right_shadow.jpg); background-repeat: repeat-y"></td>
</tr>
</table>

я так понимаю что height="100%" должно растягивать страничку на полную высоту экрана ...а не работает
можете подсказать как это решить?

...кстати, если удалить DOCTYPE - всё нормально работает. Но стоит ли его удалять? Не будет ли сайт глючить на других машинах и других браузерах?
У меня весь сайт свёрстан на XHTML Transitional.