эм... ну хорошо попробую... довольно большой код получится...
итак детишки сядем поудобнее и начнём читать сказку!
для начала в между тегами <head> ... </head> вставь скрипт который распознаёт браузер и делает слои видимыми \ невидимыми
Код:
<script language="JavaScript">
<!--
var layerRef="nul", styleSitch="nul";
if (navigator.appName == "Netscape"){
layerRef="document.layers";
styleSwitch="";
}else{
layerRef="document.all";
styleSwitch=".style";}
function hideLayer(layerName)
{eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');}
function showLayer(layerName)
{eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');}
// -->
</script>
далее делаем нужное количество слоёв... это можно поставить за предыдущем скриптом или сразу после тега <body>
Код:
<style type="text/css">
#main {position:absolute; top:0; left:0; z-index:1; visibility:visible; width:100%;}
#layer1 {position:absolute; top:0; left:0; z-index:2; visibility:hidden;}
#layer2 {position:absolute; top:0; left:0; z-index:2; visibility:hidden;}
</style>
тут надеюсь разобрался...?
"main" - это главный слой в котором лежит вся таблица...
а лейры это то что тебе нужно подгружать... естественно они лежат выше главного слоя и местоположение сам определишь на нужное место...
итак продолжаем...
теперь надо сделать чтобы появлялись нужные тебе лееры в нужный момент...
вот это самое сложное
можно сделать чтобы при наведении на ссылку показывался нужный леер это делаешь так
Код:
<a href="#" onmouseover="showLayer('layer1'); return true;" onmouseout="hideLayer('layer1');"> layer1 </a>
<a href="#" onmouseover="showLayer('layer2'); return true;" onmouseout="hideLayer('layer2');"> layer2 </a>
вот это при наведении на ссылку будут показываться нужные лееры...
ну а дальше всё зависит от того что тебе надо... так что впринципе всё просто...
дерзай